#C8C9C7 - #9C8F76 | 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 #C8C9C7 to #9C8F76

#C8C9C7 #9C8F76

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

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

0.0%	0.0% #C8C9C7	RGB 200 201 199	#C8C9C7
16.7%	16.7% #C0BFB9	RGB 192 191 185	#C0BFB9
33.3%	33.3% #B9B5AC	RGB 185 181 172	#B9B5AC
50.0%	50.0% #B2AC9E	RGB 178 172 158	#B2AC9E
66.7%	66.7% #AAA291	RGB 170 162 145	#AAA291
83.3%	83.3% #A39883	RGB 163 152 131	#A39883
100.0%	100.0% #9C8F76	RGB 156 143 118	#9C8F76

#C8C9C7 #C0BFB9 #B9B5AC #B2AC9E #AAA291 #A39883 #9C8F76

#C8C9C7 - #9C8F76

HSV Blend

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

0.0%	0.0% #C8C9C7	RGB 200 201 199	#C8C9C7
16.7%	16.7% #BEC1B8	RGB 190 193 184	#BEC1B8
33.3%	33.3% #B6BAA9	RGB 182 186 169	#B6BAA9
50.0%	50.0% #B0B29B	RGB 176 178 155	#B0B29B
66.7%	66.7% #ABA98E	RGB 171 169 142	#ABA98E
83.3%	83.3% #A39C82	RGB 163 156 130	#A39C82
100.0%	100.0% #9C8F76	RGB 156 143 118	#9C8F76

#C8C9C7 #BEC1B8 #B6BAA9 #B0B29B #ABA98E #A39C82 #9C8F76

#C8C9C7 - #B0B29B - #9C8F76

CSS codes

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

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