#CEC8C0 - #AC886D | 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 #CEC8C0 to #AC886D

#CEC8C0 #AC886D

Calculate the color between two colors, #CEC8C0 and #AC886D. 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)

#CEC8C0 - #AC886D | 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 #CEC8C0 as 0% and #AC886D as 100%.

0.0%	0.0% #CEC8C0	RGB 206 200 192	#CEC8C0
16.7%	16.7% #C8BDB2	RGB 200 189 178	#C8BDB2
33.3%	33.3% #C2B2A4	RGB 194 178 164	#C2B2A4
50.0%	50.0% #BDA896	RGB 189 168 150	#BDA896
66.7%	66.7% #B79D88	RGB 183 157 136	#B79D88
83.3%	83.3% #B1927A	RGB 177 146 122	#B1927A
100.0%	100.0% #AC886D	RGB 172 136 109	#AC886D

#CEC8C0 #C8BDB2 #C2B2A4 #BDA896 #B79D88 #B1927A #AC886D

#CEC8C0 - #AC886D

HSV Blend

#CEC8C0 - #AC886D | 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 #CEC8C0 as 0% and #AC886D as 100%.

0.0%	0.0% #CEC8C0	RGB 206 200 192	#CEC8C0
16.7%	16.7% #C8BDB0	RGB 200 189 176	#C8BDB0
33.3%	33.3% #C2B3A2	RGB 194 179 162	#C2B3A2
50.0%	50.0% #BDA893	RGB 189 168 147	#BDA893
66.7%	66.7% #B79D86	RGB 183 157 134	#B79D86
83.3%	83.3% #B19279	RGB 177 146 121	#B19279
100.0%	100.0% #AC886D	RGB 172 136 109	#AC886D

#CEC8C0 #C8BDB0 #C2B3A2 #BDA893 #B79D86 #B19279 #AC886D

#CEC8C0 - #BDA893 - #AC886D

CSS codes

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

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