#E5DAF0 - #CECAE9 | 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 #E5DAF0 to #CECAE9

#E5DAF0 #CECAE9

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

#E5DAF0 - #CECAE9 | 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 #E5DAF0 as 0% and #CECAE9 as 100%.

0.0%	0.0% #E5DAF0	RGB 229 218 240	#E5DAF0
16.7%	16.7% #E1D7EE	RGB 225 215 238	#E1D7EE
33.3%	33.3% #DDD4ED	RGB 221 212 237	#DDD4ED
50.0%	50.0% #D9D2EC	RGB 217 210 236	#D9D2EC
66.7%	66.7% #D5CFEB	RGB 213 207 235	#D5CFEB
83.3%	83.3% #D1CCEA	RGB 209 204 234	#D1CCEA
100.0%	100.0% #CECAE9	RGB 206 202 233	#CECAE9

#E5DAF0 #E1D7EE #DDD4ED #D9D2EC #D5CFEB #D1CCEA #CECAE9

#E5DAF0 - #CECAE9

HSV Blend

#E5DAF0 - #CECAE9 | 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 #E5DAF0 as 0% and #CECAE9 as 100%.

0.0%	0.0% #E5DAF0	RGB 229 218 240	#E5DAF0
16.7%	16.7% #E1D7EE	RGB 225 215 238	#E1D7EE
33.3%	33.3% #DED4ED	RGB 222 212 237	#DED4ED
50.0%	50.0% #DAD1EC	RGB 218 209 236	#DAD1EC
66.7%	66.7% #D6CFEB	RGB 214 207 235	#D6CFEB
83.3%	83.3% #D2CCEA	RGB 210 204 234	#D2CCEA
100.0%	100.0% #CECAE9	RGB 206 202 233	#CECAE9

#E5DAF0 #E1D7EE #DED4ED #DAD1EC #D6CFEB #D2CCEA #CECAE9

#E5DAF0 - #DAD1EC - #CECAE9

CSS codes

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

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