#C3C2B9 - #888B51 | 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 #C3C2B9 to #888B51

#C3C2B9 #888B51

Calculate the color between two colors, #C3C2B9 and #888B51. 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)

#C3C2B9 - #888B51 | 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 #C3C2B9 as 0% and #888B51 as 100%.

0.0%	0.0% #C3C2B9	RGB 195 194 185	#C3C2B9
16.7%	16.7% #B9B8A7	RGB 185 184 167	#B9B8A7
33.3%	33.3% #AFAF96	RGB 175 175 150	#AFAF96
50.0%	50.0% #A5A685	RGB 165 166 133	#A5A685
66.7%	66.7% #9B9D73	RGB 155 157 115	#9B9D73
83.3%	83.3% #919462	RGB 145 148 98	#919462
100.0%	100.0% #888B51	RGB 136 139 81	#888B51

#C3C2B9 #B9B8A7 #AFAF96 #A5A685 #9B9D73 #919462 #888B51

#C3C2B9 - #888B51

HSV Blend

#C3C2B9 - #888B51 | 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 #C3C2B9 as 0% and #888B51 as 100%.

0.0%	0.0% #C3C2B9	RGB 195 194 185	#C3C2B9
16.7%	16.7% #B9B8A4	RGB 185 184 164	#B9B8A4
33.3%	33.3% #B0AE91	RGB 176 174 145	#B0AE91
50.0%	50.0% #A7A67F	RGB 167 166 127	#A7A67F
66.7%	66.7% #9D9D6F	RGB 157 157 111	#9D9D6F
83.3%	83.3% #92945F	RGB 146 148 95	#92945F
100.0%	100.0% #888B51	RGB 136 139 81	#888B51

#C3C2B9 #B9B8A4 #B0AE91 #A7A67F #9D9D6F #92945F #888B51

#C3C2B9 - #A7A67F - #888B51

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3C2B9 0%, #A7A67F 50%, #888B51 100%);
    background: -webkit-linear-gradient(top, #C3C2B9 0%, #A7A67F 50%, #888B51 100%);
    background: linear-gradient(to bottom, #C3C2B9 0%, #A7A67F 50%, #888B51 100%);
}
</style>