Dividend Growth Rate Calculator
Understanding Dividend Growth Rate
The Dividend Growth Rate (DGR) is a key metric for investors looking for income from their investments. It represents the annualized rate at which a company's dividend per share has grown over a specific period. A consistent and increasing dividend growth rate often signifies a financially healthy and growing company that is committed to returning value to its shareholders.
Calculating the DGR helps investors assess the potential for future dividend income and compare different dividend-paying stocks. A higher DGR suggests that the company is not only able to pay dividends but also to increase them consistently, which can lead to a higher dividend yield over time and potential capital appreciation.
How to Calculate Dividend Growth Rate
The formula to calculate the dividend growth rate between two periods is:
Dividend Growth Rate = [ (Future Dividend / Current Dividend) ^ (1 / Number of Years) ] – 1
Where:
- Future Dividend: The dividend per share expected or observed in a future period.
- Current Dividend: The dividend per share in the present or base period.
- Number of Years: The span of time between the current and future dividend periods.
This formula essentially calculates the compound annual growth rate (CAGR) of the dividends.
Example Calculation:
Let's say a company paid a dividend of $1.50 per share two years ago (Current Dividend). Today, the dividend is $1.80 per share (Future Dividend). We want to find the growth rate over these 2 years (Number of Years).
Using the formula:
DGR = [ ($1.80 / $1.50) ^ (1 / 2) ] – 1
DGR = [ 1.2 ^ 0.5 ] – 1
DGR = 1.0954 – 1
DGR = 0.0954 or 9.54%
In this example, the dividend growth rate is approximately 9.54% per year.
function calculateDividendGrowthRate() {
var currentDividend = parseFloat(document.getElementById("currentDividend").value);
var futureDividend = parseFloat(document.getElementById("futureDividend").value);
var years = parseFloat(document.getElementById("years").value);
var resultDiv = document.getElementById("result");
if (isNaN(currentDividend) || isNaN(futureDividend) || isNaN(years) || currentDividend <= 0 || years <= 0) {
resultDiv.innerHTML = "Please enter valid positive numbers for all fields.";
return;
}
// Formula: DGR = [ (Future Dividend / Current Dividend) ^ (1 / Number of Years) ] – 1
var growthRate = Math.pow((futureDividend / currentDividend), (1 / years)) – 1;
if (isNaN(growthRate)) {
resultDiv.innerHTML = "Calculation error. Please check your inputs.";
} else {
resultDiv.innerHTML = "
Your Dividend Growth Rate:
" +
"
" + (growthRate * 100).toFixed(2) + "% per year";
}
}
.dividend-growth-calculator {
font-family: sans-serif;
max-width: 600px;
margin: 20px auto;
padding: 20px;
border: 1px solid #ddd;
border-radius: 8px;
background-color: #f9f9f9;
}
.dividend-growth-calculator h2 {
text-align: center;
color: #333;
margin-bottom: 25px;
}
.calculator-inputs {
display: grid;
grid-template-columns: 1fr;
gap: 15px;
margin-bottom: 25px;
}
.input-group {
display: flex;
flex-direction: column;
}
.input-group label {
margin-bottom: 5px;
font-weight: bold;
color: #555;
}
.input-group input[type="number"] {
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 1rem;
}
.dividend-growth-calculator button {
background-color: #007bff;
color: white;
padding: 12px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 1.1rem;
transition: background-color 0.3s ease;
width: 100%;
}
.dividend-growth-calculator button:hover {
background-color: #0056b3;
}
.calculator-result {
margin-top: 25px;
padding: 15px;
border: 1px solid #e0e0e0;
border-radius: 4px;
background-color: #fff;
text-align: center;
}
.calculator-result h3 {
color: #007bff;
margin-bottom: 10px;
}
.calculator-result p {
font-size: 1.2rem;
font-weight: bold;
color: #333;
}
.calculator-explanation {
margin-top: 30px;
padding-top: 20px;
border-top: 1px solid #eee;
color: #444;
line-height: 1.6;
}
.calculator-explanation h3,
.calculator-explanation h4 {
color: #333;
margin-bottom: 10px;
}
.calculator-explanation p {
margin-bottom: 15px;
}
.calculator-explanation ul {
margin-bottom: 15px;
padding-left: 20px;
}
.calculator-explanation li {
margin-bottom: 8px;
}
.calculator-explanation strong {
color: #007bff;
}