#C2CF6E - #849D25 | 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 #C2CF6E to #849D25

#C2CF6E #849D25

Calculate the color between two colors, #C2CF6E and #849D25. 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)

#C2CF6E - #849D25 | 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 #C2CF6E as 0% and #849D25 as 100%.

0.0%	0.0% #C2CF6E	RGB 194 207 110	#C2CF6E
16.7%	16.7% #B7C661	RGB 183 198 97	#B7C661
33.3%	33.3% #ADBE55	RGB 173 190 85	#ADBE55
50.0%	50.0% #A3B649	RGB 163 182 73	#A3B649
66.7%	66.7% #98AD3D	RGB 152 173 61	#98AD3D
83.3%	83.3% #8EA531	RGB 142 165 49	#8EA531
100.0%	100.0% #849D25	RGB 132 157 37	#849D25

#C2CF6E #B7C661 #ADBE55 #A3B649 #98AD3D #8EA531 #849D25

#C2CF6E - #849D25

HSV Blend

#C2CF6E - #849D25 | 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 #C2CF6E as 0% and #849D25 as 100%.

0.0%	0.0% #C2CF6E	RGB 194 207 110	#C2CF6E
16.7%	16.7% #B7C65F	RGB 183 198 95	#B7C65F
33.3%	33.3% #ADBE52	RGB 173 190 82	#ADBE52
50.0%	50.0% #A2B645	RGB 162 182 69	#A2B645
66.7%	66.7% #98AD3A	RGB 152 173 58	#98AD3A
83.3%	83.3% #8EA52F	RGB 142 165 47	#8EA52F
100.0%	100.0% #849D25	RGB 132 157 37	#849D25

#C2CF6E #B7C65F #ADBE52 #A2B645 #98AD3A #8EA52F #849D25

#C2CF6E - #A2B645 - #849D25

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2CF6E 0%, #A2B645 50%, #849D25 100%);
    background: -webkit-linear-gradient(top, #C2CF6E 0%, #A2B645 50%, #849D25 100%);
    background: linear-gradient(to bottom, #C2CF6E 0%, #A2B645 50%, #849D25 100%);
}
</style>