#CFE3C2 - #85C070 | 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 #CFE3C2 to #85C070

#CFE3C2 #85C070

Calculate the color between two colors, #CFE3C2 and #85C070. 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)

#CFE3C2 - #85C070 | 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 #CFE3C2 as 0% and #85C070 as 100%.

0.0%	0.0% #CFE3C2	RGB 207 227 194	#CFE3C2
16.7%	16.7% #C2DDB4	RGB 194 221 180	#C2DDB4
33.3%	33.3% #B6D7A6	RGB 182 215 166	#B6D7A6
50.0%	50.0% #AAD199	RGB 170 209 153	#AAD199
66.7%	66.7% #9DCB8B	RGB 157 203 139	#9DCB8B
83.3%	83.3% #91C57D	RGB 145 197 125	#91C57D
100.0%	100.0% #85C070	RGB 133 192 112	#85C070

#CFE3C2 #C2DDB4 #B6D7A6 #AAD199 #9DCB8B #91C57D #85C070

#CFE3C2 - #85C070

HSV Blend

#CFE3C2 - #85C070 | 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 #CFE3C2 as 0% and #85C070 as 100%.

0.0%	0.0% #CFE3C2	RGB 207 227 194	#CFE3C2
16.7%	16.7% #C2DDB3	RGB 194 221 179	#C2DDB3
33.3%	33.3% #B6D7A4	RGB 182 215 164	#B6D7A4
50.0%	50.0% #A9D196	RGB 169 209 150	#A9D196
66.7%	66.7% #9DCB89	RGB 157 203 137	#9DCB89
83.3%	83.3% #91C57C	RGB 145 197 124	#91C57C
100.0%	100.0% #85C070	RGB 133 192 112	#85C070

#CFE3C2 #C2DDB3 #B6D7A4 #A9D196 #9DCB89 #91C57C #85C070

#CFE3C2 - #A9D196 - #85C070

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CFE3C2 0%, #A9D196 50%, #85C070 100%);
    background: -webkit-linear-gradient(top, #CFE3C2 0%, #A9D196 50%, #85C070 100%);
    background: linear-gradient(to bottom, #CFE3C2 0%, #A9D196 50%, #85C070 100%);
}
</style>