#E2DFF0 - #FFFAFD | 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 #E2DFF0 to #FFFAFD

#E2DFF0 #FFFAFD

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

#E2DFF0 - #FFFAFD | 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 #E2DFF0 as 0% and #FFFAFD as 100%.

0.0%	0.0% #E2DFF0	RGB 226 223 240	#E2DFF0
16.7%	16.7% #E6E3F2	RGB 230 227 242	#E6E3F2
33.3%	33.3% #EBE8F4	RGB 235 232 244	#EBE8F4
50.0%	50.0% #F0ECF6	RGB 240 236 246	#F0ECF6
66.7%	66.7% #F5F1F8	RGB 245 241 248	#F5F1F8
83.3%	83.3% #FAF5FA	RGB 250 245 250	#FAF5FA
100.0%	100.0% #FFFAFD	RGB 255 250 253	#FFFAFD

#E2DFF0 #E6E3F2 #EBE8F4 #F0ECF6 #F5F1F8 #FAF5FA #FFFAFD

#E2DFF0 - #FFFAFD

HSV Blend

#E2DFF0 - #FFFAFD | 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 #E2DFF0 as 0% and #FFFAFD as 100%.

0.0%	0.0% #E2DFF0	RGB 226 223 240	#E2DFF0
16.7%	16.7% #E9E3F2	RGB 233 227 242	#E9E3F2
33.3%	33.3% #EFE7F5	RGB 239 231 245	#EFE7F5
50.0%	50.0% #F5ECF7	RGB 245 236 247	#F5ECF7
66.7%	66.7% #F9F0FA	RGB 249 240 250	#F9F0FA
83.3%	83.3% #FCF5FB	RGB 252 245 251	#FCF5FB
100.0%	100.0% #FFFAFD	RGB 255 250 253	#FFFAFD

#E2DFF0 #E9E3F2 #EFE7F5 #F5ECF7 #F9F0FA #FCF5FB #FFFAFD

#E2DFF0 - #F5ECF7 - #FFFAFD

CSS codes

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

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