This calculator helps you determine the blended rate when combining different rates for a single asset or investment. A blended rate is essentially a weighted average of multiple rates, taking into account the proportion each individual rate contributes to the total.
function calculateBlendedRate() {
var rate1 = parseFloat(document.getElementById("rate1").value);
var amount1 = parseFloat(document.getElementById("amount1").value);
var rate2 = parseFloat(document.getElementById("rate2").value);
var amount2 = parseFloat(document.getElementById("amount2").value);
var rate3 = parseFloat(document.getElementById("rate3").value);
var amount3 = parseFloat(document.getElementById("amount3").value);
var totalAmount = 0;
var weightedSum = 0;
var blendedRate = 0;
if (!isNaN(rate1) && !isNaN(amount1)) {
weightedSum += rate1 * amount1;
totalAmount += amount1;
}
if (!isNaN(rate2) && !isNaN(amount2)) {
weightedSum += rate2 * amount2;
totalAmount += amount2;
}
if (!isNaN(rate3) && !isNaN(amount3)) {
weightedSum += rate3 * amount3;
totalAmount += amount3;
}
if (totalAmount > 0) {
blendedRate = weightedSum / totalAmount;
document.getElementById("result").innerHTML = "The blended rate is: " + blendedRate.toFixed(4) * 100 + "%";
} else {
document.getElementById("result").innerHTML = "Please enter at least two valid rates and their corresponding amounts.";
}
}
.calculator-container {
font-family: sans-serif;
border: 1px solid #ccc;
padding: 20px;
border-radius: 8px;
max-width: 400px;
margin: 20px auto;
background-color: #f9f9f9;
}
.input-section {
margin-bottom: 15px;
}
.input-section label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
.input-section input {
width: calc(100% – 10px);
padding: 8px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
button {
background-color: #4CAF50;
color: white;
padding: 10px 15px;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
width: 100%;
}
button:hover {
background-color: #45a049;
}
#result {
margin-top: 20px;
font-weight: bold;
color: #333;
text-align: center;
}