#474936 - #CACBC5 | 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 #474936 to #CACBC5

#474936 #CACBC5

Calculate the color between two colors, #474936 and #CACBC5. 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)

#474936 - #CACBC5 | 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 #474936 as 0% and #CACBC5 as 100%.

0.0%	0.0% #474936	RGB 71 73 54	#474936
16.7%	16.7% #5C5E4D	RGB 92 94 77	#5C5E4D
33.3%	33.3% #727465	RGB 114 116 101	#727465
50.0%	50.0% #888A7D	RGB 136 138 125	#888A7D
66.7%	66.7% #9E9F95	RGB 158 159 149	#9E9F95
83.3%	83.3% #B4B5AD	RGB 180 181 173	#B4B5AD
100.0%	100.0% #CACBC5	RGB 202 203 197	#CACBC5

#474936 #5C5E4D #727465 #888A7D #9E9F95 #B4B5AD #CACBC5

#474936 - #CACBC5

HSV Blend

#474936 - #CACBC5 | 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 #474936 as 0% and #CACBC5 as 100%.

0.0%	0.0% #474936	RGB 71 73 54	#474936
16.7%	16.7% #5C5E49	RGB 92 94 73	#5C5E49
33.3%	33.3% #71745F	RGB 113 116 95	#71745F
50.0%	50.0% #878A76	RGB 135 138 118	#878A76
66.7%	66.7% #9D9F8E	RGB 157 159 142	#9D9F8E
83.3%	83.3% #B3B5A9	RGB 179 181 169	#B3B5A9
100.0%	100.0% #CACBC5	RGB 202 203 197	#CACBC5

#474936 #5C5E49 #71745F #878A76 #9D9F8E #B3B5A9 #CACBC5

#474936 - #878A76 - #CACBC5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #474936 0%, #878A76 50%, #CACBC5 100%);
    background: -webkit-linear-gradient(top, #474936 0%, #878A76 50%, #CACBC5 100%);
    background: linear-gradient(to bottom, #474936 0%, #878A76 50%, #CACBC5 100%);
}
</style>