
<html lang="en">
<head>
	<meta name="generator" content="Hugo 0.144.2">
    <meta charset="utf-8">
    <title>Mortgage Calculator PITI</title>
    <meta name="description" content="Free mortgage calculator with AI advisor. Calculate your PITI payment including principal, interest, taxes, insurance, and PMI. Compare FHA vs conventional, see bi-weekly savings, and get personalized advice.">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="prefetch" href="/.netlify/functions/rates" as="fetch" crossorigin>
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <link rel="stylesheet" type="text/css" href="css/light-simplistic.css">

    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="theme-color" content="#ffffff">

    <link rel="canonical" href="https://mortgagecalculator.io/">

    
    <meta property="og:title" content="Mortgage Calculator PITI">
    <meta property="og:description" content="Free mortgage calculator with AI advisor. Calculate your PITI payment including principal, interest, taxes, insurance, and PMI. Compare FHA vs conventional, see bi-weekly savings, and get personalized advice.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://mortgagecalculator.io/">

    
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebApplication",
      "name": "Mortgage Calculator PITI",
      "description": "Free mortgage calculator with Principal, Interest, Taxes & Insurance. Includes amortization schedule, bi-weekly payments, and PMI calculation.",
      "url": "https://mortgagecalculator.io",
      "applicationCategory": "FinanceApplication",
      "operatingSystem": "Any",
      "offers": {
        "@type": "Offer",
        "price": "0",
        "priceCurrency": "USD"
      }
    }
    </script>


</head>
<body style="margin:0;overflow-x:hidden;">
    <a href="#mgResults" class="mg-skip-link">Skip to results</a>
            <div id="mgNoScript">
                Please enable JavaScript to run this calculator
            </div>
            <form name="mgCalculator" class="mgCalculator" style="max-width:700px; margin: 0 auto;">
                <div class="mg-calculator-header" style="max-width:700px; margin: 0 auto;">
                    <a href="https://mortgagecalculator.io"><img src="https://mortgagecalculator.io/mortgage-calculator.svg" alt="PITI Pro" width="180px"></a>
                </div>
                <div id="mgLiveRates"></div>

                <div class="mg-calculator-container js-mg-calculator container" style="max-width:700px; margin: 0 auto;">
                    <div class="top mg-calculator-item-container row">
                        <label> Home Value
                            <span class="hidden_radios">
                                <input type="radio"/>
                                <label for=""><span></span>$</label>
                                <input type="radio"/>
                                <label for=""><span></span>%</label>
                            </span>
                        </label>
                        <div class="mg-calculator-item">
                            <input id="homeValue" placeholder="" value="300000" class="mg-calculator-input" type="text" onfocus="if(this.value=='300000')this.value='';" onblur="if(this.value=='')this.value='300000';" onfocusout="calculateLoanAmount();" autocomplete="off">
                            <span class="mg-input-label">$</span>
                        </div>
                    </div>
                    <div class="down-payment mg-calculator-item-container row">
                        <label> Money Down/Equity
                            <span>
                                <input id="dc0" type="radio" value="$" name="downpayment_calc" onfocusout="calculateLoanAmount();" checked/><label for="dc0">$</label>
                                <input id="dc1" type="radio" value="%" name="downpayment_calc" onfocusout="calculateLoanAmount();" /><label for="dc1">%</label>
                            </span>
                        </label>
                        <div class="mg-calculator-item">
                            <input id="downPayment" placeholder="" value="60000" class="mg-calculator-input" type="text" onfocus="if(this.value=='60000')this.value='';" onblur="if(this.value=='')this.value='60000';" onfocusout="calculateLoanAmount();mgCalculatorCalculateDebounced();" autocomplete="off">
                            <span class="mg-input-label"><label value="$" for="dcChecked"></label></span>
                        </div>
                    </div>
                    <div class="mg-calculator-item-container row lower6">
                        <label> Loan Amount
                            <span class="hidden_radios">
                                <input type="radio"/>
                                <label for=""><span></span>$</label>
                                <input type="radio"/>
                                <label for=""><span></span>%</label>
                            </span>
                        </label>
                        <div class="mg-calculator-item">
                            <input id="loanAmount" placeholder="" value="240000" class="mg-calculator-input" type="text" onfocus="if(this.value=='240000')this.value='';" onblur="if(this.value=='')this.value='240000';" autocomplete="off">
                            <span class="mg-input-label">$</span>
                        </div>
                    </div>
                    <div class="mg-calculator-item-container row lower6">
                        <label> Interest Rate
                            <span class="hidden_radios">
                                <input type="radio"/>
                                <label for=""><span></span>$</label>
                                <input type="radio"/>
                                <label for=""><span></span>%</label>
                            </span>
                        </label>
                        <div class="mg-calculator-item">
                            <input id="interest" placeholder="" value="6.5" class="mg-calculator-input" type="text" onfocus="if(this.value=='6.5')this.value='';" onblur="if(this.value=='')this.value='6.5';" onfocusout="mgCalculatorCalculateDebounced();" autocomplete="off">
                            <span class="mg-input-label">%</span>
                        </div>
                    </div>
                    <div class="mg-calculator-item-container row lower6">
                        <label> Loan Term
                            <span class="hidden_radios">
                                <input type="radio"/>
                                <label for=""><span></span>$</label>
                                <input type="radio"/>
                                <label for=""><span></span>%</label>
                            </span>
                        </label>
                        <div class="mg-calculator-item">
                            <input id="loanTerm" placeholder="" value="30" class="mg-calculator-input" type="text" onfocus="if(this.value=='30')this.value='';" onblur="if(this.value=='')this.value='30';" onfocusout="mgCalculatorCalculateDebounced();" autocomplete="off">
                            <span class="mg-input-label">Years</span>
                        </div>
                    </div>
                    <div class="mg-calculator-item-container row lower6">
                        <label> Tax (per year)
                            <span class="hidden_radios">
                                <input type="radio"/>
                                <label for=""><span></span>$</label>
                                <input type="radio"/>
                                <label for=""><span></span>%</label>
                            </span>
                        </label>
                        <div class="mg-calculator-item">
                            <input id="propertyTax" placeholder="" value="2400" class="mg-calculator-input" type="text" onfocus="if(this.value=='2400')this.value='';" onblur="if(this.value=='')this.value='2400';" onfocusout="mgCalculatorCalculateDebounced();" autocomplete="off">
                            <span class="mg-input-label">$</span>
                        </div>
                    </div>
                    <div class="mg-calculator-item-container row lower6">
                        <label> Insurance
                            <span class="hidden_radios">
                                <input type="radio"/>
                                <label for=""><span></span>$</label>
                                <input type="radio"/>
                                <label for=""><span></span>%</label>
                            </span>
                        </label>
                        <div class="mg-calculator-item">
                            <input id="homeIns" placeholder="" value="1000" class="mg-calculator-input" type="text" onfocus="if(this.value=='1000')this.value='';" onblur="if(this.value=='')this.value='1000';" onfocusout="mgCalculatorCalculateDebounced();" autocomplete="off">
                            <span class="mg-input-label">$</span>
                        </div>
                    </div>
                    <div class="mg-calculator-item-container row lower6">
                        <label> PMI
                            <span class="hidden_radios">
                                <input type="radio"/>
                                <label for=""><span></span>$</label>
                                <input type="radio"/>
                                <label for=""><span></span>%</label>
                            </span>
                        </label>
                        <div class="mg-calculator-item">
                            <input id="pmi" placeholder="" value="0.85" class="mg-calculator-input" type="text" onfocus="if(this.value=='0')this.value='';" onblur="if(this.value=='')this.value='0';" onfocusout="mgCalculatorCalculateDebounced();" autocomplete="off">
                            <span class="mg-input-label">%</span>
                        </div>
                    </div>
                    <div class="mg-calculator-item-calculate mg-buttons">
                        <div class="mg-calculator-submit" onclick="mgCalculatorCalculate()">
                            Calculate
                        </div>
                        <div class="mg-calculator-reset" onclick="mgCalculatorReset()">
                            Reset
                        </div>
                    </div>
                    <div class="mg-error-display" id="mgErrorDisplay">

                    </div>

                </div>
                
            </form>

            
            <div class="calc-to-print-results" style="max-width:700px; margin: 0 auto;">
            <div class="mg-calculator-results" id="mgResults">

                
                <div class="mg-results-hero">
                    <div class="mg-results-hero-label">Your Monthly Payment (PITI)</div>
                    <div class="mg-results-hero-value" id="mgMonthlyPayment">-</div>
                    <div class="mg-results-hero-sub">Principal + Interest + Tax + Insurance</div>
                </div>

                
                <div class="mg-results-section">
                    <div class="mg-results-section-title">Monthly Breakdown</div>
                    <div class="mg-results-grid">
                        <div class="mg-results-card">
                            <div class="mg-results-card-value" id="mgMonthlyTax">-</div>
                            <div class="mg-results-card-label">Property Tax</div>
                        </div>
                        <div class="mg-results-card">
                            <div class="mg-results-card-value" id="mgMonthlyIns">-</div>
                            <div class="mg-results-card-label">Insurance</div>
                        </div>
                        <div class="mg-results-card" id="monthly-pmi" style="display:none;">
                            <div class="mg-results-card-value" id="mgMonthlyPMI">-</div>
                            <div class="mg-results-card-label">PMI <span class="mgNumMonthlyPMI" id="mgNumMonthlyPMI"></span></div>
                        </div>
                    </div>
                </div>

                
                <div class="mg-results-section">
                    <div class="mg-results-section-title">Loan Overview</div>
                    <div class="mg-results-grid">
                        <div class="mg-results-card">
                            <div class="mg-results-card-value" id="mgTotalInterest">-</div>
                            <div class="mg-results-card-label">Total Interest</div>
                        </div>
                        <div class="mg-results-card">
                            <div class="mg-results-card-value" id="mgLastPayment">-</div>
                            <div class="mg-results-card-label">Payoff Date</div>
                        </div>
                        <div class="mg-results-card" id="total-pmi" style="display:none;">
                            <div class="mg-results-card-value" id="mgTotalPMI">-</div>
                            <div class="mg-results-card-label">Total PMI</div>
                        </div>
                    </div>
                </div>

                
                <div class="mg-results-section mg-results-biweekly">
                    <div class="mg-results-section-title">Bi-Weekly Option
                        <span class="mg-tip">? <span class="mg-tiptext">Pay half your monthly payment every two weeks — you'll make 26 half-payments (13 full payments) per year instead of 12</span></span>
                    </div>
                    <div class="mg-results-grid">
                        <div class="mg-results-card">
                            <div class="mg-results-card-value" id="mgBiWeeklyPayment">-</div>
                            <div class="mg-results-card-label">Bi-Weekly Payment</div>
                        </div>
                        <div class="mg-results-card">
                            <div class="mg-results-card-value" id="mgBiWeeklyTotalInterest">-</div>
                            <div class="mg-results-card-label">Total Interest</div>
                        </div>
                        <div class="mg-results-card">
                            <div class="mg-results-card-value" id="mgBiWeeklyLastPayment">-</div>
                            <div class="mg-results-card-label">Payoff Date</div>
                        </div>
                    </div>
                </div>

                <div id="mgAmortization"></div>

            </div>

            
            <div id="mgAffiliateSection" class="mg-affiliate-section" style="display:none; max-width:700px; margin: 20px auto 0;">
                <div class="mg-affiliate-box">
                    <div class="mg-affiliate-heading">See If You Can Get a Better Rate</div>
                    <p class="mg-affiliate-subtext">Compare personalized mortgage offers from top lenders — it only takes a few minutes.</p>
                    <div class="mg-affiliate-ctas">
                        <a href="https://track.flexlinkspro.com/g.ashx?foid=24.215936.6516276&trid=1167457.215936&foc=16&fot=9999&fos=6" class="mg-affiliate-btn mg-affiliate-btn-primary" target="_blank" rel="noopener sponsored">
                            Compare Rates
                        </a>
                        <a href="https://track.flexlinkspro.com/g.ashx?foid=24.215935.6516275&trid=1167457.215935&foc=16&fot=9999&fos=6" class="mg-affiliate-btn mg-affiliate-btn-secondary" target="_blank" rel="noopener sponsored">
                            Compare Home Insurance
                        </a>
                    </div>
                    <p class="mg-affiliate-disclosure">We may earn a commission when you click these links. This does not affect your rate.</p>
                </div>

                
                
            </div>

            
            <div class="mg-browse-states" style="max-width:700px; margin: 20px auto 0; padding: 0 10px;">
                <div style="text-align:center; font-weight:bold; font-size:16px; color:#2c3e50; margin-bottom:10px;">Mortgage Calculator by State</div>
                <div style="display:flex; flex-wrap:wrap; gap:6px; justify-content:center;">
                    <a href="/locations/alabama/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">AL</a>
                    <a href="/locations/alaska/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">AK</a>
                    <a href="/locations/arizona/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">AZ</a>
                    <a href="/locations/arkansas/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">AR</a>
                    <a href="/locations/california/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">CA</a>
                    <a href="/locations/colorado/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">CO</a>
                    <a href="/locations/connecticut/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">CT</a>
                    <a href="/locations/delaware/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">DE</a>
                    <a href="/locations/florida/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">FL</a>
                    <a href="/locations/georgia/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">GA</a>
                    <a href="/locations/hawaii/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">HI</a>
                    <a href="/locations/idaho/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">ID</a>
                    <a href="/locations/illinois/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">IL</a>
                    <a href="/locations/indiana/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">IN</a>
                    <a href="/locations/iowa/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">IA</a>
                    <a href="/locations/kansas/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">KS</a>
                    <a href="/locations/kentucky/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">KY</a>
                    <a href="/locations/louisiana/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">LA</a>
                    <a href="/locations/maine/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">ME</a>
                    <a href="/locations/maryland/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">MD</a>
                    <a href="/locations/massachusetts/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">MA</a>
                    <a href="/locations/michigan/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">MI</a>
                    <a href="/locations/minnesota/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">MN</a>
                    <a href="/locations/mississippi/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">MS</a>
                    <a href="/locations/missouri/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">MO</a>
                    <a href="/locations/montana/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">MT</a>
                    <a href="/locations/nebraska/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">NE</a>
                    <a href="/locations/nevada/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">NV</a>
                    <a href="/locations/new-hampshire/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">NH</a>
                    <a href="/locations/new-jersey/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">NJ</a>
                    <a href="/locations/new-mexico/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">NM</a>
                    <a href="/locations/new-york/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">NY</a>
                    <a href="/locations/north-carolina/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">NC</a>
                    <a href="/locations/north-dakota/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">ND</a>
                    <a href="/locations/ohio/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">OH</a>
                    <a href="/locations/oklahoma/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">OK</a>
                    <a href="/locations/oregon/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">OR</a>
                    <a href="/locations/pennsylvania/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">PA</a>
                    <a href="/locations/rhode-island/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">RI</a>
                    <a href="/locations/south-carolina/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">SC</a>
                    <a href="/locations/south-dakota/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">SD</a>
                    <a href="/locations/tennessee/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">TN</a>
                    <a href="/locations/texas/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">TX</a>
                    <a href="/locations/utah/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">UT</a>
                    <a href="/locations/vermont/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">VT</a>
                    <a href="/locations/virginia/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">VA</a>
                    <a href="/locations/washington/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">WA</a>
                    <a href="/locations/washington-dc/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">DC</a>
                    <a href="/locations/west-virginia/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">WV</a>
                    <a href="/locations/wisconsin/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">WI</a>
                    <a href="/locations/wyoming/" style="padding:4px 10px;background:#f0f4ff;border-radius:4px;font-size:12px;color:#6498fe;text-decoration:none;">WY</a>
                </div>
            </div>

            <center>
                <h1 class="bottom row">Mortgage Calculator PITI</a></h1>
                <i>Principal, Interest, Taxes &amp; Insurance </i> <br>
        <div style="line-height: 8px;">
            <br>
        </div>
<span style="color:#999;">
    <a href="https://mortgagecalculator.io/blog/" onMouseOver="this.style.color='#038252'" onMouseOut="this.style.color='#6498fe'">Blog</a> | <a href="/locations/" onMouseOver="this.style.color='#038252'" onMouseOut="this.style.color='#6498fe'">By State</a> | <a href="/widget/" onMouseOver="this.style.color='#038252'" onMouseOut="this.style.color='#6498fe'">Add to Your Site</a>
</span>
<br>
</center>
</div>
<script type="text/javascript" src="js/mg-calculator.js"></script>
<script type="text/javascript" src="js/mg-chatbot.js"></script>
<script type="text/javascript" src="js/mg-rates.js"></script>
<script>
    document.addEventListener('keypress', function (e) {
        if (e.which == 13 || e.keyCode == 13) {
            
            if (e.target && e.target.id === 'mgChatInput') return;
            calculateLoanAmount();
            mgCalculatorCalculate();
        }
    });
</script>
<script>
    window.onbeforeunload = function () {
        window.scrollTo(0, 0);
    }
</script>
</div>
</body>
</html>
