#E5E6FF - #FFF3F4 | 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 #E5E6FF to #FFF3F4

#E5E6FF #FFF3F4

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

#E5E6FF - #FFF3F4 | 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 #E5E6FF as 0% and #FFF3F4 as 100%.

0.0%	0.0% #E5E6FF	RGB 229 230 255	#E5E6FF
16.7%	16.7% #E9E8FD	RGB 233 232 253	#E9E8FD
33.3%	33.3% #EDEAFB	RGB 237 234 251	#EDEAFB
50.0%	50.0% #F2ECF9	RGB 242 236 249	#F2ECF9
66.7%	66.7% #F6EEF7	RGB 246 238 247	#F6EEF7
83.3%	83.3% #FAF0F5	RGB 250 240 245	#FAF0F5
100.0%	100.0% #FFF3F4	RGB 255 243 244	#FFF3F4

#E5E6FF #E9E8FD #EDEAFB #F2ECF9 #F6EEF7 #FAF0F5 #FFF3F4

#E5E6FF - #FFF3F4

HSV Blend

#E5E6FF - #FFF3F4 | 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 #E5E6FF as 0% and #FFF3F4 as 100%.

0.0%	0.0% #E5E6FF	RGB 229 230 255	#E5E6FF
16.7%	16.7% #EEE7FF	RGB 238 231 255	#EEE7FF
33.3%	33.3% #F6E9FF	RGB 246 233 255	#F6E9FF
50.0%	50.0% #FDECFF	RGB 253 236 255	#FDECFF
66.7%	66.7% #FFEEFA	RGB 255 238 250	#FFEEFA
83.3%	83.3% #FFF0F6	RGB 255 240 246	#FFF0F6
100.0%	100.0% #FFF3F4	RGB 255 243 244	#FFF3F4

#E5E6FF #EEE7FF #F6E9FF #FDECFF #FFEEFA #FFF0F6 #FFF3F4

#E5E6FF - #FDECFF - #FFF3F4

CSS codes

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

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