#CEC3C8 - #8F6F79 | 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 #CEC3C8 to #8F6F79

#CEC3C8 #8F6F79

Calculate the color between two colors, #CEC3C8 and #8F6F79. 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)

#CEC3C8 - #8F6F79 | 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 #CEC3C8 as 0% and #8F6F79 as 100%.

0.0%	0.0% #CEC3C8	RGB 206 195 200	#CEC3C8
16.7%	16.7% #C3B5BA	RGB 195 181 186	#C3B5BA
33.3%	33.3% #B9A7AD	RGB 185 167 173	#B9A7AD
50.0%	50.0% #AE99A0	RGB 174 153 160	#AE99A0
66.7%	66.7% #A48B93	RGB 164 139 147	#A48B93
83.3%	83.3% #997D86	RGB 153 125 134	#997D86
100.0%	100.0% #8F6F79	RGB 143 111 121	#8F6F79

#CEC3C8 #C3B5BA #B9A7AD #AE99A0 #A48B93 #997D86 #8F6F79

#CEC3C8 - #8F6F79

HSV Blend

#CEC3C8 - #8F6F79 | 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 #CEC3C8 as 0% and #8F6F79 as 100%.

0.0%	0.0% #CEC3C8	RGB 206 195 200	#CEC3C8
16.7%	16.7% #C3B3BA	RGB 195 179 186	#C3B3BA
33.3%	33.3% #B9A4AC	RGB 185 164 172	#B9A4AC
50.0%	50.0% #AE969F	RGB 174 150 159	#AE969F
66.7%	66.7% #A48892	RGB 164 136 146	#A48892
83.3%	83.3% #997B85	RGB 153 123 133	#997B85
100.0%	100.0% #8F6F79	RGB 143 111 121	#8F6F79

#CEC3C8 #C3B3BA #B9A4AC #AE969F #A48892 #997B85 #8F6F79

#CEC3C8 - #AE969F - #8F6F79

CSS codes

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

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