#A0ADA2 - #4A8D54 | 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 #A0ADA2 to #4A8D54

#A0ADA2 #4A8D54

Calculate the color between two colors, #A0ADA2 and #4A8D54. 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)

#A0ADA2 - #4A8D54 | 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 #A0ADA2 as 0% and #4A8D54 as 100%.

0.0%	0.0% #A0ADA2	RGB 160 173 162	#A0ADA2
16.7%	16.7% #91A795	RGB 145 167 149	#91A795
33.3%	33.3% #83A288	RGB 131 162 136	#83A288
50.0%	50.0% #759D7B	RGB 117 157 123	#759D7B
66.7%	66.7% #66976E	RGB 102 151 110	#66976E
83.3%	83.3% #589261	RGB 88 146 97	#589261
100.0%	100.0% #4A8D54	RGB 74 141 84	#4A8D54

#A0ADA2 #91A795 #83A288 #759D7B #66976E #589261 #4A8D54

#A0ADA2 - #4A8D54

HSV Blend

#A0ADA2 - #4A8D54 | 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 #A0ADA2 as 0% and #4A8D54 as 100%.

0.0%	0.0% #A0ADA2	RGB 160 173 162	#A0ADA2
16.7%	16.7% #8FA793	RGB 143 167 147	#8FA793
33.3%	33.3% #80A285	RGB 128 162 133	#80A285
50.0%	50.0% #719D78	RGB 113 157 120	#719D78
66.7%	66.7% #63976B	RGB 99 151 107	#63976B
83.3%	83.3% #56925F	RGB 86 146 95	#56925F
100.0%	100.0% #4A8D54	RGB 74 141 84	#4A8D54

#A0ADA2 #8FA793 #80A285 #719D78 #63976B #56925F #4A8D54

#A0ADA2 - #719D78 - #4A8D54

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A0ADA2 0%, #719D78 50%, #4A8D54 100%);
    background: -webkit-linear-gradient(top, #A0ADA2 0%, #719D78 50%, #4A8D54 100%);
    background: linear-gradient(to bottom, #A0ADA2 0%, #719D78 50%, #4A8D54 100%);
}
</style>