#E9E2FC - #DAE2F5 | 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 #E9E2FC to #DAE2F5

#E9E2FC #DAE2F5

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

#E9E2FC - #DAE2F5 | 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 #E9E2FC as 0% and #DAE2F5 as 100%.

0.0%	0.0% #E9E2FC	RGB 233 226 252	#E9E2FC
16.7%	16.7% #E6E2FA	RGB 230 226 250	#E6E2FA
33.3%	33.3% #E4E2F9	RGB 228 226 249	#E4E2F9
50.0%	50.0% #E1E2F8	RGB 225 226 248	#E1E2F8
66.7%	66.7% #DFE2F7	RGB 223 226 247	#DFE2F7
83.3%	83.3% #DCE2F6	RGB 220 226 246	#DCE2F6
100.0%	100.0% #DAE2F5	RGB 218 226 245	#DAE2F5

#E9E2FC #E6E2FA #E4E2F9 #E1E2F8 #DFE2F7 #DCE2F6 #DAE2F5

#E9E2FC - #DAE2F5

HSV Blend

#E9E2FC - #DAE2F5 | 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 #E9E2FC as 0% and #DAE2F5 as 100%.

0.0%	0.0% #E9E2FC	RGB 233 226 252	#E9E2FC
16.7%	16.7% #E5E0FA	RGB 229 224 250	#E5E0FA
33.3%	33.3% #E1DFF9	RGB 225 223 249	#E1DFF9
50.0%	50.0% #DDDEF8	RGB 221 222 248	#DDDEF8
66.7%	66.7% #DCDFF7	RGB 220 223 247	#DCDFF7
83.3%	83.3% #DBE0F6	RGB 219 224 246	#DBE0F6
100.0%	100.0% #DAE2F5	RGB 218 226 245	#DAE2F5

#E9E2FC #E5E0FA #E1DFF9 #DDDEF8 #DCDFF7 #DBE0F6 #DAE2F5

#E9E2FC - #DDDEF8 - #DAE2F5

CSS codes

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

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