#EA5EEC - #F8D1F9 | 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 #EA5EEC to #F8D1F9

#EA5EEC #F8D1F9

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

#EA5EEC - #F8D1F9 | 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 #EA5EEC as 0% and #F8D1F9 as 100%.

0.0%	0.0% #EA5EEC	RGB 234 94 236	#EA5EEC
16.7%	16.7% #EC71EE	RGB 236 113 238	#EC71EE
33.3%	33.3% #EE84F0	RGB 238 132 240	#EE84F0
50.0%	50.0% #F197F2	RGB 241 151 242	#F197F2
66.7%	66.7% #F3AAF4	RGB 243 170 244	#F3AAF4
83.3%	83.3% #F5BDF6	RGB 245 189 246	#F5BDF6
100.0%	100.0% #F8D1F9	RGB 248 209 249	#F8D1F9

#EA5EEC #EC71EE #EE84F0 #F197F2 #F3AAF4 #F5BDF6 #F8D1F9

#EA5EEC - #F8D1F9

HSV Blend

#EA5EEC - #F8D1F9 | 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 #EA5EEC as 0% and #F8D1F9 as 100%.

0.0%	0.0% #EA5EEC	RGB 234 94 236	#EA5EEC
16.7%	16.7% #EC70EE	RGB 236 112 238	#EC70EE
33.3%	33.3% #EE83F0	RGB 238 131 240	#EE83F0
50.0%	50.0% #F096F2	RGB 240 150 242	#F096F2
66.7%	66.7% #F3A9F4	RGB 243 169 244	#F3A9F4
83.3%	83.3% #F5BDF6	RGB 245 189 246	#F5BDF6
100.0%	100.0% #F8D1F9	RGB 248 209 249	#F8D1F9

#EA5EEC #EC70EE #EE83F0 #F096F2 #F3A9F4 #F5BDF6 #F8D1F9

#EA5EEC - #F096F2 - #F8D1F9

CSS codes

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

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