#CEC6C0 - #AF836D | 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 #CEC6C0 to #AF836D

#CEC6C0 #AF836D

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

#CEC6C0 - #AF836D | 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 #CEC6C0 as 0% and #AF836D as 100%.

0.0%	0.0% #CEC6C0	RGB 206 198 192	#CEC6C0
16.7%	16.7% #C8BAB2	RGB 200 186 178	#C8BAB2
33.3%	33.3% #C3AFA4	RGB 195 175 164	#C3AFA4
50.0%	50.0% #BEA496	RGB 190 164 150	#BEA496
66.7%	66.7% #B99988	RGB 185 153 136	#B99988
83.3%	83.3% #B48E7A	RGB 180 142 122	#B48E7A
100.0%	100.0% #AF836D	RGB 175 131 109	#AF836D

#CEC6C0 #C8BAB2 #C3AFA4 #BEA496 #B99988 #B48E7A #AF836D

#CEC6C0 - #AF836D

HSV Blend

#CEC6C0 - #AF836D | 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 #CEC6C0 as 0% and #AF836D as 100%.

0.0%	0.0% #CEC6C0	RGB 206 198 192	#CEC6C0
16.7%	16.7% #C8BAB0	RGB 200 186 176	#C8BAB0
33.3%	33.3% #C3AFA2	RGB 195 175 162	#C3AFA2
50.0%	50.0% #BEA494	RGB 190 164 148	#BEA494
66.7%	66.7% #B99986	RGB 185 153 134	#B99986
83.3%	83.3% #B48D79	RGB 180 141 121	#B48D79
100.0%	100.0% #AF836D	RGB 175 131 109	#AF836D

#CEC6C0 #C8BAB0 #C3AFA2 #BEA494 #B99986 #B48D79 #AF836D

#CEC6C0 - #BEA494 - #AF836D

CSS codes

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

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