#C4CF7E - #869E2F | 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 #C4CF7E to #869E2F

#C4CF7E #869E2F

Calculate the color between two colors, #C4CF7E and #869E2F. 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)

#C4CF7E - #869E2F | 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 #C4CF7E as 0% and #869E2F as 100%.

0.0%	0.0% #C4CF7E	RGB 196 207 126	#C4CF7E
16.7%	16.7% #B9C670	RGB 185 198 112	#B9C670
33.3%	33.3% #AFBE63	RGB 175 190 99	#AFBE63
50.0%	50.0% #A5B656	RGB 165 182 86	#A5B656
66.7%	66.7% #9AAE49	RGB 154 174 73	#9AAE49
83.3%	83.3% #90A63C	RGB 144 166 60	#90A63C
100.0%	100.0% #869E2F	RGB 134 158 47	#869E2F

#C4CF7E #B9C670 #AFBE63 #A5B656 #9AAE49 #90A63C #869E2F

#C4CF7E - #869E2F

HSV Blend

#C4CF7E - #869E2F | 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 #C4CF7E as 0% and #869E2F as 100%.

0.0%	0.0% #C4CF7E	RGB 196 207 126	#C4CF7E
16.7%	16.7% #B9C66E	RGB 185 198 110	#B9C66E
33.3%	33.3% #AFBE60	RGB 175 190 96	#AFBE60
50.0%	50.0% #A4B652	RGB 164 182 82	#A4B652
66.7%	66.7% #9AAE45	RGB 154 174 69	#9AAE45
83.3%	83.3% #90A63A	RGB 144 166 58	#90A63A
100.0%	100.0% #869E2F	RGB 134 158 47	#869E2F

#C4CF7E #B9C66E #AFBE60 #A4B652 #9AAE45 #90A63A #869E2F

#C4CF7E - #A4B652 - #869E2F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C4CF7E 0%, #A4B652 50%, #869E2F 100%);
    background: -webkit-linear-gradient(top, #C4CF7E 0%, #A4B652 50%, #869E2F 100%);
    background: linear-gradient(to bottom, #C4CF7E 0%, #A4B652 50%, #869E2F 100%);
}
</style>