#CFC5C7 - #8B706C | 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 #CFC5C7 to #8B706C

#CFC5C7 #8B706C

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

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

0.0%	0.0% #CFC5C7	RGB 207 197 199	#CFC5C7
16.7%	16.7% #C3B6B7	RGB 195 182 183	#C3B6B7
33.3%	33.3% #B8A8A8	RGB 184 168 168	#B8A8A8
50.0%	50.0% #AD9A99	RGB 173 154 153	#AD9A99
66.7%	66.7% #A18C8A	RGB 161 140 138	#A18C8A
83.3%	83.3% #967E7B	RGB 150 126 123	#967E7B
100.0%	100.0% #8B706C	RGB 139 112 108	#8B706C

#CFC5C7 #C3B6B7 #B8A8A8 #AD9A99 #A18C8A #967E7B #8B706C

#CFC5C7 - #8B706C

HSV Blend

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

0.0%	0.0% #CFC5C7	RGB 207 197 199	#CFC5C7
16.7%	16.7% #C3B4B6	RGB 195 180 182	#C3B4B6
33.3%	33.3% #B8A4A6	RGB 184 164 166	#B8A4A6
50.0%	50.0% #AD9596	RGB 173 149 150	#AD9596
66.7%	66.7% #A18787	RGB 161 135 135	#A18787
83.3%	83.3% #967B79	RGB 150 123 121	#967B79
100.0%	100.0% #8B706C	RGB 139 112 108	#8B706C

#CFC5C7 #C3B4B6 #B8A4A6 #AD9596 #A18787 #967B79 #8B706C

#CFC5C7 - #AD9596 - #8B706C

CSS codes

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

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