#CEC4A8 - #E2BDD1 | 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 #CEC4A8 to #E2BDD1

#CEC4A8 #E2BDD1

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

#CEC4A8 - #E2BDD1 | 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 #CEC4A8 as 0% and #E2BDD1 as 100%.

0.0%	0.0% #CEC4A8	RGB 206 196 168	#CEC4A8
16.7%	16.7% #D1C2AE	RGB 209 194 174	#D1C2AE
33.3%	33.3% #D4C1B5	RGB 212 193 181	#D4C1B5
50.0%	50.0% #D8C0BC	RGB 216 192 188	#D8C0BC
66.7%	66.7% #DBBFC3	RGB 219 191 195	#DBBFC3
83.3%	83.3% #DEBECA	RGB 222 190 202	#DEBECA
100.0%	100.0% #E2BDD1	RGB 226 189 209	#E2BDD1

#CEC4A8 #D1C2AE #D4C1B5 #D8C0BC #DBBFC3 #DEBECA #E2BDD1

#CEC4A8 - #E2BDD1

HSV Blend

#CEC4A8 - #E2BDD1 | 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 #CEC4A8 as 0% and #E2BDD1 as 100%.

0.0%	0.0% #CEC4A8	RGB 206 196 168	#CEC4A8
16.7%	16.7% #D1BFAB	RGB 209 191 171	#D1BFAB
33.3%	33.3% #D4BAAE	RGB 212 186 174	#D4BAAE
50.0%	50.0% #D8B6B2	RGB 216 182 178	#D8B6B2
66.7%	66.7% #DBB5BA	RGB 219 181 186	#DBB5BA
83.3%	83.3% #DEB9C5	RGB 222 185 197	#DEB9C5
100.0%	100.0% #E2BDD1	RGB 226 189 209	#E2BDD1

#CEC4A8 #D1BFAB #D4BAAE #D8B6B2 #DBB5BA #DEB9C5 #E2BDD1

#CEC4A8 - #D8B6B2 - #E2BDD1

CSS codes

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

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