#AAD6B5 - #4D985A | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #AAD6B5 to #4D985A

#AAD6B5 #4D985A

Calculate the color between two colors, #AAD6B5 and #4D985A. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#AAD6B5 - #4D985A | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #AAD6B5 as 0% and #4D985A as 100%.

0.0%	0.0% #AAD6B5	RGB 170 214 181	#AAD6B5
16.7%	16.7% #9ACBA5	RGB 154 203 165	#9ACBA5
33.3%	33.3% #8BC196	RGB 139 193 150	#8BC196
50.0%	50.0% #7BB787	RGB 123 183 135	#7BB787
66.7%	66.7% #6CAC78	RGB 108 172 120	#6CAC78
83.3%	83.3% #5CA269	RGB 92 162 105	#5CA269
100.0%	100.0% #4D985A	RGB 77 152 90	#4D985A

#AAD6B5 #9ACBA5 #8BC196 #7BB787 #6CAC78 #5CA269 #4D985A

#AAD6B5 - #4D985A

HSV Blend

#AAD6B5 - #4D985A | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #AAD6B5 as 0% and #4D985A as 100%.

0.0%	0.0% #AAD6B5	RGB 170 214 181	#AAD6B5
16.7%	16.7% #98CBA4	RGB 152 203 164	#98CBA4
33.3%	33.3% #87C194	RGB 135 193 148	#87C194
50.0%	50.0% #77B784	RGB 119 183 132	#77B784
66.7%	66.7% #68AC75	RGB 104 172 117	#68AC75
83.3%	83.3% #5AA267	RGB 90 162 103	#5AA267
100.0%	100.0% #4D985A	RGB 77 152 90	#4D985A

#AAD6B5 #98CBA4 #87C194 #77B784 #68AC75 #5AA267 #4D985A

#AAD6B5 - #77B784 - #4D985A

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #AAD6B5 0%, #4D985A 100%);
    background: -webkit-linear-gradient(top, #AAD6B5 0%, #4D985A 100%);
    background: linear-gradient(to bottom, #AAD6B5 0%, #4D985A 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AAD6B5 0%, #77B784 50%, #4D985A 100%);
    background: -webkit-linear-gradient(top, #AAD6B5 0%, #77B784 50%, #4D985A 100%);
    background: linear-gradient(to bottom, #AAD6B5 0%, #77B784 50%, #4D985A 100%);
}
</style>