
<html lang="en">
<head>
	<meta name="generator" content="Hugo 0.85.0" />
    <meta charset="utf-8">
    <title>Mortgage Calculator PITI</title>
    <meta name="description" content="Mortgage calculator PITI by rad realty! Principal, Interest, Taxes & Insurance. Be a mortgage calculator PITI pro!">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" type="text/css" href="css/main.css">
    <link rel="stylesheet" type="text/css" href="css/light-simplistic.css">

    <link rel="apple-touch-icon" sizes="57x57" href="https://mortgagecalculator.io/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="https://mortgagecalculator.io/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="https://mortgagecalculator.io/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="https://mortgagecalculator.io/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="https://mortgagecalculator.io/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="https://mortgagecalculator.io/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="https://mortgagecalculator.io/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="https://mortgagecalculator.io/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="https://mortgagecalculator.io/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192"  href="https://mortgagecalculator.io/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="https://mortgagecalculator.io/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="https://mortgagecalculator.io/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="https://mortgagecalculator.io/favicon-16x16.png">
    <link rel="manifest" href="https://mortgagecalculator.io/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="https://mortgagecalculator.io/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">

    
    <script
      src="https://code.jquery.com/jquery-3.4.0.min.js"
      integrity="sha256-BJeo0qm959uMBGb65z40ejJYGSgR7REI4+CW1fNKwOg="
      crossorigin="anonymous"></script>

    
    <script type="text/javascript">

        $(document).keypress(function (e) {
            if (e.which == 13 || event.keyCode == 13) {
                calculateLoanAmount();
                mgCalculatorCalculate();
                mgCalculatorCalculate();
            }
        });
    </script>

    
    <script async src="https://www.googletagmanager.com/gtag/js?id=AW-16610577979">
    </script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'AW-16610577979');
    </script>

    <script>
        window.onbeforeunload = function () {
            window.scrollTo(0, 0);
        }
    </script>

</head>
<body>
            <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 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();" onblur="if(this.value=='')this.value='300000';" 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();mgCalculatorCalculate();" 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="mgCalculatorCalculate();" 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="mgCalculatorCalculate();"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="mgCalculatorCalculate();" 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="mgCalculatorCalculate();" 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="mgCalculatorCalculate();" 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>
                    </span>
                    </center>

            
            <div class="calc-to-print-results" style="max-width:700px; margin: 0 auto;">
            <div class="mg-calculator-results" id="mgResults">
                <div class="mg-calculator-item-container">
                    <div class="mg-calculator-item mg-calculator-value" id="mgMonthlyPayment">
                        -
                    </div><label> Monthly payment (PITI)</label>
                    <div class="mg-tip">
                        ? <span class="mg-tiptext">Monthly payment PITI with taxes &amp; insurance  included</span>
                    </div>
                </div>
                <div class="mg-calculator-item-container">
                    <div class="mg-calculator-item mg-calculator-value" id="mgBiWeeklyPayment">
                        -
                    </div><label> Bi-weekly payment </label>
                    <div class="mg-tip">
                        ? <span class="mg-tiptext">Bi-weekly payment PITI if paid every other week</span>
                    </div>
                </div>

                <div class="mg-calculator-item-container">
                    <div class="mg-calculator-item mg-calculator-value" id="mgLastPayment">
                        -
                    </div><label> Loan payoff date </label>
                    <div class="mg-tip">
                        ? <span class="mg-tiptext">The date of the last payment</span>
                    </div>
                </div>
                <div class="mg-calculator-item-container">
                    <div class="mg-calculator-item mg-calculator-value" id="mgBiWeeklyLastPayment">
                        -
                    </div><label> Bi-weekly payoff date </label>
                    <div class="mg-tip">
                        ? <span class="mg-tiptext">The date of the last bi-weekly payment</span>
                    </div>
                </div>
                <div class="mg-calculator-item-container">
                    <div class="mg-calculator-item mg-calculator-value" id="mgTotalInterest">
                        -
                    </div><label> Total interest </label>
                    <div class="mg-tip">
                        ? <span class="mg-tiptext">Total interest paid</span>
                    </div>
                </div>
                <div class="mg-calculator-item-container">
                    <div class="mg-calculator-item mg-calculator-value" id="mgBiWeeklyTotalInterest">
                        -
                    </div><label> Bi-weekly total interest </label>
                    <div class="mg-tip">
                        ? <span class="mg-tiptext">Total interest paid if bi-weekly payments made</span>
                    </div>
                </div>
                <div class="mg-calculator-item-container">
                    <div class="mg-calculator-item mg-calculator-value" id="mgMonthlyTax">
                        -
                    </div><label> Monthly property tax </label>
                    <div class="mg-tip">
                        ? <span class="mg-tiptext">Monthly property tax paid (included in above PITI payment)</span>
                    </div>
                </div>
                <div class="mg-calculator-item-container">
                    <div class="mg-calculator-item mg-calculator-value" id="mgMonthlyIns">
                        -
                    </div><label> Monthly Insurance </label>
                    <div class="mg-tip">
                        ? <span class="mg-tiptext">Monthly Home Insurance paid (included in above PITI payment)</span>
                    </div>
                </div>
                <div class="mg-calculator-item-container" id="monthly-pmi" style="display:none;">
                    <div class="mg-calculator-item mg-calculator-value" id="mgMonthlyPMI">
                        -
                    </div>
                    <label> Monthly PMI </label>
                    <div class="mg-tip">
                        ? <span class="mg-tiptext">Monthly Private Mortgage Insurance required if above 80% LTV (Loan-To-Value)</span>
                    </div>
                    <span class="mgNumMonthlyPMI" id="mgNumMonthlyPMI">
                    </span>
                </div>

                <div class="mg-calculator-item-container" id="total-pmi" style="display:none;">
                    <div class="mg-calculator-item mg-calculator-value" id="mgTotalPMI">
                        -
                    </div><label> Total PMI </label>
                    <div class="mg-tip">
                        ? <span class="mg-tiptext">Total Private Mortgage Insurance paid (required if above 80% LTV (Loan-To-Value))</span>
                    </div>
                </div>
                <br>
                <div id="mgAmortization"></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://www.tkjef.com/" onMouseOver="this.style.color='#038252'" onMouseOut="this.style.color='#6498fe'" target="_blank">Devops Consulting</a> | <a href="https://mortgagecalculator.io/blog/" onMouseOver="this.style.color='#038252'" onMouseOut="this.style.color='#6498fe'">Blog</a>
</span>
<br>
</center>
</div>
<script type="text/javascript" src="js/mg-calculator.js"></script>
</div>
</body>
</html>
