#CDAEE5 - #FFE7DC | 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 #CDAEE5 to #FFE7DC

#CDAEE5 #FFE7DC

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

#CDAEE5 - #FFE7DC | 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 #CDAEE5 as 0% and #FFE7DC as 100%.

0.0%	0.0% #CDAEE5	RGB 205 174 229	#CDAEE5
16.7%	16.7% #D5B7E3	RGB 213 183 227	#D5B7E3
33.3%	33.3% #DDC1E2	RGB 221 193 226	#DDC1E2
50.0%	50.0% #E6CAE0	RGB 230 202 224	#E6CAE0
66.7%	66.7% #EED4DF	RGB 238 212 223	#EED4DF
83.3%	83.3% #F6DDDD	RGB 246 221 221	#F6DDDD
100.0%	100.0% #FFE7DC	RGB 255 231 220	#FFE7DC

#CDAEE5 #D5B7E3 #DDC1E2 #E6CAE0 #EED4DF #F6DDDD #FFE7DC

#CDAEE5 - #FFE7DC

HSV Blend

#CDAEE5 - #FFE7DC | 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 #CDAEE5 as 0% and #FFE7DC as 100%.

0.0%	0.0% #CDAEE5	RGB 205 174 229	#CDAEE5
16.7%	16.7% #E1B5E9	RGB 225 181 233	#E1B5E9
33.3%	33.3% #EDBCE6	RGB 237 188 230	#EDBCE6
50.0%	50.0% #F2C4DD	RGB 242 196 221	#F2C4DD
66.7%	66.7% #F6CCD7	RGB 246 204 215	#F6CCD7
83.3%	83.3% #FAD4D3	RGB 250 212 211	#FAD4D3
100.0%	100.0% #FFE7DC	RGB 255 231 220	#FFE7DC

#CDAEE5 #E1B5E9 #EDBCE6 #F2C4DD #F6CCD7 #FAD4D3 #FFE7DC

#CDAEE5 - #F2C4DD - #FFE7DC

CSS codes

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

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