#C9C8C7 - #9C8476 | 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 #C9C8C7 to #9C8476

#C9C8C7 #9C8476

Calculate the color between two colors, #C9C8C7 and #9C8476. 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)

#C9C8C7 - #9C8476 | 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 #C9C8C7 as 0% and #9C8476 as 100%.

0.0%	0.0% #C9C8C7	RGB 201 200 199	#C9C8C7
16.7%	16.7% #C1BCB9	RGB 193 188 185	#C1BCB9
33.3%	33.3% #BAB1AC	RGB 186 177 172	#BAB1AC
50.0%	50.0% #B2A69E	RGB 178 166 158	#B2A69E
66.7%	66.7% #AB9A91	RGB 171 154 145	#AB9A91
83.3%	83.3% #A38F83	RGB 163 143 131	#A38F83
100.0%	100.0% #9C8476	RGB 156 132 118	#9C8476

#C9C8C7 #C1BCB9 #BAB1AC #B2A69E #AB9A91 #A38F83 #9C8476

#C9C8C7 - #9C8476

HSV Blend

#C9C8C7 - #9C8476 | 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 #C9C8C7 as 0% and #9C8476 as 100%.

0.0%	0.0% #C9C8C7	RGB 201 200 199	#C9C8C7
16.7%	16.7% #C1BCB8	RGB 193 188 184	#C1BCB8
33.3%	33.3% #BAB1A9	RGB 186 177 169	#BAB1A9
50.0%	50.0% #B2A59B	RGB 178 165 155	#B2A59B
66.7%	66.7% #AB9A8E	RGB 171 154 142	#AB9A8E
83.3%	83.3% #A38F82	RGB 163 143 130	#A38F82
100.0%	100.0% #9C8476	RGB 156 132 118	#9C8476

#C9C8C7 #C1BCB8 #BAB1A9 #B2A59B #AB9A8E #A38F82 #9C8476

#C9C8C7 - #B2A59B - #9C8476

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9C8C7 0%, #B2A59B 50%, #9C8476 100%);
    background: -webkit-linear-gradient(top, #C9C8C7 0%, #B2A59B 50%, #9C8476 100%);
    background: linear-gradient(to bottom, #C9C8C7 0%, #B2A59B 50%, #9C8476 100%);
}
</style>