#E2B0FF - #FFF1F5 | 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 #E2B0FF to #FFF1F5

#E2B0FF #FFF1F5

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

#E2B0FF - #FFF1F5 | 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 #E2B0FF as 0% and #FFF1F5 as 100%.

0.0%	0.0% #E2B0FF	RGB 226 176 255	#E2B0FF
16.7%	16.7% #E6BAFD	RGB 230 186 253	#E6BAFD
33.3%	33.3% #EBC5FB	RGB 235 197 251	#EBC5FB
50.0%	50.0% #F0D0FA	RGB 240 208 250	#F0D0FA
66.7%	66.7% #F5DBF8	RGB 245 219 248	#F5DBF8
83.3%	83.3% #FAE6F6	RGB 250 230 246	#FAE6F6
100.0%	100.0% #FFF1F5	RGB 255 241 245	#FFF1F5

#E2B0FF #E6BAFD #EBC5FB #F0D0FA #F5DBF8 #FAE6F6 #FFF1F5

#E2B0FF - #FFF1F5

HSV Blend

#E2B0FF - #FFF1F5 | 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 #E2B0FF as 0% and #FFF1F5 as 100%.

0.0%	0.0% #E2B0FF	RGB 226 176 255	#E2B0FF
16.7%	16.7% #F2BAFF	RGB 242 186 255	#F2BAFF
33.3%	33.3% #FEC5FF	RGB 254 197 255	#FEC5FF
50.0%	50.0% #FFD0F6	RGB 255 208 246	#FFD0F6
66.7%	66.7% #FFDBF2	RGB 255 219 242	#FFDBF2
83.3%	83.3% #FFE6F1	RGB 255 230 241	#FFE6F1
100.0%	100.0% #FFF1F5	RGB 255 241 245	#FFF1F5

#E2B0FF #F2BAFF #FEC5FF #FFD0F6 #FFDBF2 #FFE6F1 #FFF1F5

#E2B0FF - #FFD0F6 - #FFF1F5

CSS codes

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

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