#CEC3CB - #8F6F82 | 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 #CEC3CB to #8F6F82

#CEC3CB #8F6F82

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

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

0.0%	0.0% #CEC3CB	RGB 206 195 203	#CEC3CB
16.7%	16.7% #C3B5BE	RGB 195 181 190	#C3B5BE
33.3%	33.3% #B9A7B2	RGB 185 167 178	#B9A7B2
50.0%	50.0% #AE99A6	RGB 174 153 166	#AE99A6
66.7%	66.7% #A48B9A	RGB 164 139 154	#A48B9A
83.3%	83.3% #997D8E	RGB 153 125 142	#997D8E
100.0%	100.0% #8F6F82	RGB 143 111 130	#8F6F82

#CEC3CB #C3B5BE #B9A7B2 #AE99A6 #A48B9A #997D8E #8F6F82

#CEC3CB - #8F6F82

HSV Blend

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

0.0%	0.0% #CEC3CB	RGB 206 195 203	#CEC3CB
16.7%	16.7% #C3B3BE	RGB 195 179 190	#C3B3BE
33.3%	33.3% #B9A4B2	RGB 185 164 178	#B9A4B2
50.0%	50.0% #AE96A6	RGB 174 150 166	#AE96A6
66.7%	66.7% #A4889A	RGB 164 136 154	#A4889A
83.3%	83.3% #997B8D	RGB 153 123 141	#997B8D
100.0%	100.0% #8F6F82	RGB 143 111 130	#8F6F82

#CEC3CB #C3B3BE #B9A4B2 #AE96A6 #A4889A #997B8D #8F6F82

#CEC3CB - #AE96A6 - #8F6F82

CSS codes

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

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