#CEC9C0 - #AA8B6D | 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 #CEC9C0 to #AA8B6D

#CEC9C0 #AA8B6D

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

#CEC9C0 - #AA8B6D | 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 #CEC9C0 as 0% and #AA8B6D as 100%.

0.0%	0.0% #CEC9C0	RGB 206 201 192	#CEC9C0
16.7%	16.7% #C8BEB2	RGB 200 190 178	#C8BEB2
33.3%	33.3% #C2B4A4	RGB 194 180 164	#C2B4A4
50.0%	50.0% #BCAA96	RGB 188 170 150	#BCAA96
66.7%	66.7% #B69F88	RGB 182 159 136	#B69F88
83.3%	83.3% #B0957A	RGB 176 149 122	#B0957A
100.0%	100.0% #AA8B6D	RGB 170 139 109	#AA8B6D

#CEC9C0 #C8BEB2 #C2B4A4 #BCAA96 #B69F88 #B0957A #AA8B6D

#CEC9C0 - #AA8B6D

HSV Blend

#CEC9C0 - #AA8B6D | 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 #CEC9C0 as 0% and #AA8B6D as 100%.

0.0%	0.0% #CEC9C0	RGB 206 201 192	#CEC9C0
16.7%	16.7% #C8BFB0	RGB 200 191 176	#C8BFB0
33.3%	33.3% #C2B4A2	RGB 194 180 162	#C2B4A2
50.0%	50.0% #BCAA93	RGB 188 170 147	#BCAA93
66.7%	66.7% #B6A086	RGB 182 160 134	#B6A086
83.3%	83.3% #B09579	RGB 176 149 121	#B09579
100.0%	100.0% #AA8B6D	RGB 170 139 109	#AA8B6D

#CEC9C0 #C8BFB0 #C2B4A2 #BCAA93 #B6A086 #B09579 #AA8B6D

#CEC9C0 - #BCAA93 - #AA8B6D

CSS codes

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

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