#CDC9C7 - #8D8776 | 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 #CDC9C7 to #8D8776

#CDC9C7 #8D8776

Calculate the color between two colors, #CDC9C7 and #8D8776. 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)

#CDC9C7 - #8D8776 | 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 #CDC9C7 as 0% and #8D8776 as 100%.

0.0%	0.0% #CDC9C7	RGB 205 201 199	#CDC9C7
16.7%	16.7% #C2BEB9	RGB 194 190 185	#C2BEB9
33.3%	33.3% #B7B3AC	RGB 183 179 172	#B7B3AC
50.0%	50.0% #ADA89E	RGB 173 168 158	#ADA89E
66.7%	66.7% #A29D91	RGB 162 157 145	#A29D91
83.3%	83.3% #979283	RGB 151 146 131	#979283
100.0%	100.0% #8D8776	RGB 141 135 118	#8D8776

#CDC9C7 #C2BEB9 #B7B3AC #ADA89E #A29D91 #979283 #8D8776

#CDC9C7 - #8D8776

HSV Blend

#CDC9C7 - #8D8776 | 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 #CDC9C7 as 0% and #8D8776 as 100%.

0.0%	0.0% #CDC9C7	RGB 205 201 199	#CDC9C7
16.7%	16.7% #C2BCB8	RGB 194 188 184	#C2BCB8
33.3%	33.3% #B7B0AA	RGB 183 176 170	#B7B0AA
50.0%	50.0% #ADA59C	RGB 173 165 156	#ADA59C
66.7%	66.7% #A29A8F	RGB 162 154 143	#A29A8F
83.3%	83.3% #979082	RGB 151 144 130	#979082
100.0%	100.0% #8D8776	RGB 141 135 118	#8D8776

#CDC9C7 #C2BCB8 #B7B0AA #ADA59C #A29A8F #979082 #8D8776

#CDC9C7 - #ADA59C - #8D8776

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CDC9C7 0%, #ADA59C 50%, #8D8776 100%);
    background: -webkit-linear-gradient(top, #CDC9C7 0%, #ADA59C 50%, #8D8776 100%);
    background: linear-gradient(to bottom, #CDC9C7 0%, #ADA59C 50%, #8D8776 100%);
}
</style>