#E5E4FF - #DAE9F8 | 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 #E5E4FF to #DAE9F8

#E5E4FF #DAE9F8

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

#E5E4FF - #DAE9F8 | 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 #E5E4FF as 0% and #DAE9F8 as 100%.

0.0%	0.0% #E5E4FF	RGB 229 228 255	#E5E4FF
16.7%	16.7% #E3E4FD	RGB 227 228 253	#E3E4FD
33.3%	33.3% #E1E5FC	RGB 225 229 252	#E1E5FC
50.0%	50.0% #DFE6FB	RGB 223 230 251	#DFE6FB
66.7%	66.7% #DDE7FA	RGB 221 231 250	#DDE7FA
83.3%	83.3% #DBE8F9	RGB 219 232 249	#DBE8F9
100.0%	100.0% #DAE9F8	RGB 218 233 248	#DAE9F8

#E5E4FF #E3E4FD #E1E5FC #DFE6FB #DDE7FA #DBE8F9 #DAE9F8

#E5E4FF - #DAE9F8

HSV Blend

#E5E4FF - #DAE9F8 | 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 #E5E4FF as 0% and #DAE9F8 as 100%.

0.0%	0.0% #E5E4FF	RGB 229 228 255	#E5E4FF
16.7%	16.7% #E2E3FD	RGB 226 227 253	#E2E3FD
33.3%	33.3% #E0E4FC	RGB 224 228 252	#E0E4FC
50.0%	50.0% #DEE5FB	RGB 222 229 251	#DEE5FB
66.7%	66.7% #DDE6FA	RGB 221 230 250	#DDE6FA
83.3%	83.3% #DBE7F9	RGB 219 231 249	#DBE7F9
100.0%	100.0% #DAE9F8	RGB 218 233 248	#DAE9F8

#E5E4FF #E2E3FD #E0E4FC #DEE5FB #DDE6FA #DBE7F9 #DAE9F8

#E5E4FF - #DEE5FB - #DAE9F8

CSS codes

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

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