#CEC9C6 - #AF8675 | 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 #CEC9C6 to #AF8675

#CEC9C6 #AF8675

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

#CEC9C6 - #AF8675 | 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 #CEC9C6 as 0% and #AF8675 as 100%.

0.0%	0.0% #CEC9C6	RGB 206 201 198	#CEC9C6
16.7%	16.7% #C8BDB8	RGB 200 189 184	#C8BDB8
33.3%	33.3% #C3B2AB	RGB 195 178 171	#C3B2AB
50.0%	50.0% #BEA79D	RGB 190 167 157	#BEA79D
66.7%	66.7% #B99C90	RGB 185 156 144	#B99C90
83.3%	83.3% #B49182	RGB 180 145 130	#B49182
100.0%	100.0% #AF8675	RGB 175 134 117	#AF8675

#CEC9C6 #C8BDB8 #C3B2AB #BEA79D #B99C90 #B49182 #AF8675

#CEC9C6 - #AF8675

HSV Blend

#CEC9C6 - #AF8675 | 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 #CEC9C6 as 0% and #AF8675 as 100%.

0.0%	0.0% #CEC9C6	RGB 206 201 198	#CEC9C6
16.7%	16.7% #C8BDB7	RGB 200 189 183	#C8BDB7
33.3%	33.3% #C3B2A8	RGB 195 178 168	#C3B2A8
50.0%	50.0% #BEA79B	RGB 190 167 155	#BEA79B
66.7%	66.7% #B99B8D	RGB 185 155 141	#B99B8D
83.3%	83.3% #B49081	RGB 180 144 129	#B49081
100.0%	100.0% #AF8675	RGB 175 134 117	#AF8675

#CEC9C6 #C8BDB7 #C3B2A8 #BEA79B #B99B8D #B49081 #AF8675

#CEC9C6 - #BEA79B - #AF8675

CSS codes

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

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