#C0DAB8 - #71B665 | 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 #C0DAB8 to #71B665

#C0DAB8 #71B665

Calculate the color between two colors, #C0DAB8 and #71B665. 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)

#C0DAB8 - #71B665 | 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 #C0DAB8 as 0% and #71B665 as 100%.

0.0%	0.0% #C0DAB8	RGB 192 218 184	#C0DAB8
16.7%	16.7% #B2D4AA	RGB 178 212 170	#B2D4AA
33.3%	33.3% #A5CE9C	RGB 165 206 156	#A5CE9C
50.0%	50.0% #98C88E	RGB 152 200 142	#98C88E
66.7%	66.7% #8BC280	RGB 139 194 128	#8BC280
83.3%	83.3% #7EBC72	RGB 126 188 114	#7EBC72
100.0%	100.0% #71B665	RGB 113 182 101	#71B665

#C0DAB8 #B2D4AA #A5CE9C #98C88E #8BC280 #7EBC72 #71B665

#C0DAB8 - #71B665

HSV Blend

#C0DAB8 - #71B665 | 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 #C0DAB8 as 0% and #71B665 as 100%.

0.0%	0.0% #C0DAB8	RGB 192 218 184	#C0DAB8
16.7%	16.7% #B2D4A8	RGB 178 212 168	#B2D4A8
33.3%	33.3% #A4CE9A	RGB 164 206 154	#A4CE9A
50.0%	50.0% #97C88B	RGB 151 200 139	#97C88B
66.7%	66.7% #8AC27E	RGB 138 194 126	#8AC27E
83.3%	83.3% #7DBC71	RGB 125 188 113	#7DBC71
100.0%	100.0% #71B665	RGB 113 182 101	#71B665

#C0DAB8 #B2D4A8 #A4CE9A #97C88B #8AC27E #7DBC71 #71B665

#C0DAB8 - #97C88B - #71B665

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0DAB8 0%, #97C88B 50%, #71B665 100%);
    background: -webkit-linear-gradient(top, #C0DAB8 0%, #97C88B 50%, #71B665 100%);
    background: linear-gradient(to bottom, #C0DAB8 0%, #97C88B 50%, #71B665 100%);
}
</style>