#C2DA8C - #82962E | 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 #C2DA8C to #82962E

#C2DA8C #82962E

Calculate the color between two colors, #C2DA8C and #82962E. 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)

#C2DA8C - #82962E | 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 #C2DA8C as 0% and #82962E as 100%.

0.0%	0.0% #C2DA8C	RGB 194 218 140	#C2DA8C
16.7%	16.7% #B7CE7C	RGB 183 206 124	#B7CE7C
33.3%	33.3% #ACC36C	RGB 172 195 108	#ACC36C
50.0%	50.0% #A2B85D	RGB 162 184 93	#A2B85D
66.7%	66.7% #97AC4D	RGB 151 172 77	#97AC4D
83.3%	83.3% #8CA13D	RGB 140 161 61	#8CA13D
100.0%	100.0% #82962E	RGB 130 150 46	#82962E

#C2DA8C #B7CE7C #ACC36C #A2B85D #97AC4D #8CA13D #82962E

#C2DA8C - #82962E

HSV Blend

#C2DA8C - #82962E | 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 #C2DA8C as 0% and #82962E as 100%.

0.0%	0.0% #C2DA8C	RGB 194 218 140	#C2DA8C
16.7%	16.7% #B6CE79	RGB 182 206 121	#B6CE79
33.3%	33.3% #AAC367	RGB 170 195 103	#AAC367
50.0%	50.0% #9FB857	RGB 159 184 87	#9FB857
66.7%	66.7% #95AC48	RGB 149 172 72	#95AC48
83.3%	83.3% #8BA13A	RGB 139 161 58	#8BA13A
100.0%	100.0% #82962E	RGB 130 150 46	#82962E

#C2DA8C #B6CE79 #AAC367 #9FB857 #95AC48 #8BA13A #82962E

#C2DA8C - #9FB857 - #82962E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2DA8C 0%, #9FB857 50%, #82962E 100%);
    background: -webkit-linear-gradient(top, #C2DA8C 0%, #9FB857 50%, #82962E 100%);
    background: linear-gradient(to bottom, #C2DA8C 0%, #9FB857 50%, #82962E 100%);
}
</style>