#CDC8CE - #EEDBF1 | 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 #CDC8CE to #EEDBF1

#CDC8CE #EEDBF1

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

#CDC8CE - #EEDBF1 | 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 #CDC8CE as 0% and #EEDBF1 as 100%.

0.0%	0.0% #CDC8CE	RGB 205 200 206	#CDC8CE
16.7%	16.7% #D2CBD3	RGB 210 203 211	#D2CBD3
33.3%	33.3% #D8CED9	RGB 216 206 217	#D8CED9
50.0%	50.0% #DDD1DF	RGB 221 209 223	#DDD1DF
66.7%	66.7% #E3D4E5	RGB 227 212 229	#E3D4E5
83.3%	83.3% #E8D7EB	RGB 232 215 235	#E8D7EB
100.0%	100.0% #EEDBF1	RGB 238 219 241	#EEDBF1

#CDC8CE #D2CBD3 #D8CED9 #DDD1DF #E3D4E5 #E8D7EB #EEDBF1

#CDC8CE - #EEDBF1

HSV Blend

#CDC8CE - #EEDBF1 | 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 #CDC8CE as 0% and #EEDBF1 as 100%.

0.0%	0.0% #CDC8CE	RGB 205 200 206	#CDC8CE
16.7%	16.7% #D2CBD3	RGB 210 203 211	#D2CBD3
33.3%	33.3% #D7CED9	RGB 215 206 217	#D7CED9
50.0%	50.0% #DDD2DF	RGB 221 210 223	#DDD2DF
66.7%	66.7% #E2D5E5	RGB 226 213 229	#E2D5E5
83.3%	83.3% #E8D8EB	RGB 232 216 235	#E8D8EB
100.0%	100.0% #EEDBF1	RGB 238 219 241	#EEDBF1

#CDC8CE #D2CBD3 #D7CED9 #DDD2DF #E2D5E5 #E8D8EB #EEDBF1

#CDC8CE - #DDD2DF - #EEDBF1

CSS codes

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

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