#CEC8C9 - #995E6F | 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 #CEC8C9 to #995E6F

#CEC8C9 #995E6F

Calculate the color between two colors, #CEC8C9 and #995E6F. 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)

#CEC8C9 - #995E6F | 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 #CEC8C9 as 0% and #995E6F as 100%.

0.0%	0.0% #CEC8C9	RGB 206 200 201	#CEC8C9
16.7%	16.7% #C5B6BA	RGB 197 182 186	#C5B6BA
33.3%	33.3% #BCA4AB	RGB 188 164 171	#BCA4AB
50.0%	50.0% #B3939C	RGB 179 147 156	#B3939C
66.7%	66.7% #AA818D	RGB 170 129 141	#AA818D
83.3%	83.3% #A16F7E	RGB 161 111 126	#A16F7E
100.0%	100.0% #995E6F	RGB 153 94 111	#995E6F

#CEC8C9 #C5B6BA #BCA4AB #B3939C #AA818D #A16F7E #995E6F

#CEC8C9 - #995E6F

HSV Blend

#CEC8C9 - #995E6F | 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 #CEC8C9 as 0% and #995E6F as 100%.

0.0%	0.0% #CEC8C9	RGB 206 200 201	#CEC8C9
16.7%	16.7% #C5B3B6	RGB 197 179 182	#C5B3B6
33.3%	33.3% #BCA0A6	RGB 188 160 166	#BCA0A6
50.0%	50.0% #B38E96	RGB 179 142 150	#B38E96
66.7%	66.7% #AA7D88	RGB 170 125 136	#AA7D88
83.3%	83.3% #A16D7B	RGB 161 109 123	#A16D7B
100.0%	100.0% #995E6F	RGB 153 94 111	#995E6F

#CEC8C9 #C5B3B6 #BCA0A6 #B38E96 #AA7D88 #A16D7B #995E6F

#CEC8C9 - #B38E96 - #995E6F

CSS codes

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

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