#E2ABFF - #FAD1F7 | 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 #E2ABFF to #FAD1F7

#E2ABFF #FAD1F7

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

#E2ABFF - #FAD1F7 | 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 #E2ABFF as 0% and #FAD1F7 as 100%.

0.0%	0.0% #E2ABFF	RGB 226 171 255	#E2ABFF
16.7%	16.7% #E6B1FD	RGB 230 177 253	#E6B1FD
33.3%	33.3% #EAB7FC	RGB 234 183 252	#EAB7FC
50.0%	50.0% #EEBEFB	RGB 238 190 251	#EEBEFB
66.7%	66.7% #F2C4F9	RGB 242 196 249	#F2C4F9
83.3%	83.3% #F6CAF8	RGB 246 202 248	#F6CAF8
100.0%	100.0% #FAD1F7	RGB 250 209 247	#FAD1F7

#E2ABFF #E6B1FD #EAB7FC #EEBEFB #F2C4F9 #F6CAF8 #FAD1F7

#E2ABFF - #FAD1F7

HSV Blend

#E2ABFF - #FAD1F7 | 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 #E2ABFF as 0% and #FAD1F7 as 100%.

0.0%	0.0% #E2ABFF	RGB 226 171 255	#E2ABFF
16.7%	16.7% #E9B1FE	RGB 233 177 254	#E9B1FE
33.3%	33.3% #EFB7FD	RGB 239 183 253	#EFB7FD
50.0%	50.0% #F4BEFC	RGB 244 190 252	#F4BEFC
66.7%	66.7% #F8C4FB	RGB 248 196 251	#F8C4FB
83.3%	83.3% #FACAFA	RGB 250 202 250	#FACAFA
100.0%	100.0% #FAD1F7	RGB 250 209 247	#FAD1F7

#E2ABFF #E9B1FE #EFB7FD #F4BEFC #F8C4FB #FACAFA #FAD1F7

#E2ABFF - #F4BEFC - #FAD1F7

CSS codes

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

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