#CFC8C0 - #AE886D | 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 #CFC8C0 to #AE886D

#CFC8C0 #AE886D

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

#CFC8C0 - #AE886D | 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 #CFC8C0 as 0% and #AE886D as 100%.

0.0%	0.0% #CFC8C0	RGB 207 200 192	#CFC8C0
16.7%	16.7% #C9BDB2	RGB 201 189 178	#C9BDB2
33.3%	33.3% #C4B2A4	RGB 196 178 164	#C4B2A4
50.0%	50.0% #BEA896	RGB 190 168 150	#BEA896
66.7%	66.7% #B99D88	RGB 185 157 136	#B99D88
83.3%	83.3% #B3927A	RGB 179 146 122	#B3927A
100.0%	100.0% #AE886D	RGB 174 136 109	#AE886D

#CFC8C0 #C9BDB2 #C4B2A4 #BEA896 #B99D88 #B3927A #AE886D

#CFC8C0 - #AE886D

HSV Blend

#CFC8C0 - #AE886D | 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 #CFC8C0 as 0% and #AE886D as 100%.

0.0%	0.0% #CFC8C0	RGB 207 200 192	#CFC8C0
16.7%	16.7% #C9BDB0	RGB 201 189 176	#C9BDB0
33.3%	33.3% #C4B2A2	RGB 196 178 162	#C4B2A2
50.0%	50.0% #BEA894	RGB 190 168 148	#BEA894
66.7%	66.7% #B99D86	RGB 185 157 134	#B99D86
83.3%	83.3% #B39279	RGB 179 146 121	#B39279
100.0%	100.0% #AE886D	RGB 174 136 109	#AE886D

#CFC8C0 #C9BDB0 #C4B2A2 #BEA894 #B99D86 #B39279 #AE886D

#CFC8C0 - #BEA894 - #AE886D

CSS codes

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

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