#C4CF9F - #879A47 | 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 #C4CF9F to #879A47

#C4CF9F #879A47

Calculate the color between two colors, #C4CF9F and #879A47. 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)

#C4CF9F - #879A47 | 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 #C4CF9F as 0% and #879A47 as 100%.

0.0%	0.0% #C4CF9F	RGB 196 207 159	#C4CF9F
16.7%	16.7% #B9C690	RGB 185 198 144	#B9C690
33.3%	33.3% #AFBD81	RGB 175 189 129	#AFBD81
50.0%	50.0% #A5B473	RGB 165 180 115	#A5B473
66.7%	66.7% #9BAB64	RGB 155 171 100	#9BAB64
83.3%	83.3% #91A255	RGB 145 162 85	#91A255
100.0%	100.0% #879A47	RGB 135 154 71	#879A47

#C4CF9F #B9C690 #AFBD81 #A5B473 #9BAB64 #91A255 #879A47

#C4CF9F - #879A47

HSV Blend

#C4CF9F - #879A47 | 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 #C4CF9F as 0% and #879A47 as 100%.

0.0%	0.0% #C4CF9F	RGB 196 207 159	#C4CF9F
16.7%	16.7% #B9C68E	RGB 185 198 142	#B9C68E
33.3%	33.3% #AEBD7E	RGB 174 189 126	#AEBD7E
50.0%	50.0% #A4B46E	RGB 164 180 110	#A4B46E
66.7%	66.7% #9AAB60	RGB 154 171 96	#9AAB60
83.3%	83.3% #90A253	RGB 144 162 83	#90A253
100.0%	100.0% #879A47	RGB 135 154 71	#879A47

#C4CF9F #B9C68E #AEBD7E #A4B46E #9AAB60 #90A253 #879A47

#C4CF9F - #A4B46E - #879A47

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C4CF9F 0%, #A4B46E 50%, #879A47 100%);
    background: -webkit-linear-gradient(top, #C4CF9F 0%, #A4B46E 50%, #879A47 100%);
    background: linear-gradient(to bottom, #C4CF9F 0%, #A4B46E 50%, #879A47 100%);
}
</style>