#E5E1FF - #FFF8F3 | 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 #E5E1FF to #FFF8F3

#E5E1FF #FFF8F3

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

#E5E1FF - #FFF8F3 | 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 #E5E1FF as 0% and #FFF8F3 as 100%.

0.0%	0.0% #E5E1FF	RGB 229 225 255	#E5E1FF
16.7%	16.7% #E9E4FD	RGB 233 228 253	#E9E4FD
33.3%	33.3% #EDE8FB	RGB 237 232 251	#EDE8FB
50.0%	50.0% #F2ECF9	RGB 242 236 249	#F2ECF9
66.7%	66.7% #F6F0F7	RGB 246 240 247	#F6F0F7
83.3%	83.3% #FAF4F5	RGB 250 244 245	#FAF4F5
100.0%	100.0% #FFF8F3	RGB 255 248 243	#FFF8F3

#E5E1FF #E9E4FD #EDE8FB #F2ECF9 #F6F0F7 #FAF4F5 #FFF8F3

#E5E1FF - #FFF8F3

HSV Blend

#E5E1FF - #FFF8F3 | 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 #E5E1FF as 0% and #FFF8F3 as 100%.

0.0%	0.0% #E5E1FF	RGB 229 225 255	#E5E1FF
16.7%	16.7% #F1E4FF	RGB 241 228 255	#F1E4FF
33.3%	33.3% #FCE7FF	RGB 252 231 255	#FCE7FF
50.0%	50.0% #FFEAF9	RGB 255 234 249	#FFEAF9
66.7%	66.7% #FFEDF3	RGB 255 237 243	#FFEDF3
83.3%	83.3% #FFF0F0	RGB 255 240 240	#FFF0F0
100.0%	100.0% #FFF8F3	RGB 255 248 243	#FFF8F3

#E5E1FF #F1E4FF #FCE7FF #FFEAF9 #FFEDF3 #FFF0F0 #FFF8F3

#E5E1FF - #FFEAF9 - #FFF8F3

CSS codes

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

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