#EF2ADE - #FAC2F5 | 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 #EF2ADE to #FAC2F5

#EF2ADE #FAC2F5

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

#EF2ADE - #FAC2F5 | 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 #EF2ADE as 0% and #FAC2F5 as 100%.

0.0%	0.0% #EF2ADE	RGB 239 42 222	#EF2ADE
16.7%	16.7% #F043E1	RGB 240 67 225	#F043E1
33.3%	33.3% #F25CE5	RGB 242 92 229	#F25CE5
50.0%	50.0% #F476E9	RGB 244 118 233	#F476E9
66.7%	66.7% #F68FED	RGB 246 143 237	#F68FED
83.3%	83.3% #F8A8F1	RGB 248 168 241	#F8A8F1
100.0%	100.0% #FAC2F5	RGB 250 194 245	#FAC2F5

#EF2ADE #F043E1 #F25CE5 #F476E9 #F68FED #F8A8F1 #FAC2F5

#EF2ADE - #FAC2F5

HSV Blend

#EF2ADE - #FAC2F5 | 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 #EF2ADE as 0% and #FAC2F5 as 100%.

0.0%	0.0% #EF29DE	RGB 239 41 222	#EF29DE
16.7%	16.7% #F042E1	RGB 240 66 225	#F042E1
33.3%	33.3% #F25BE5	RGB 242 91 229	#F25BE5
50.0%	50.0% #F474E9	RGB 244 116 233	#F474E9
66.7%	66.7% #F68DED	RGB 246 141 237	#F68DED
83.3%	83.3% #F8A7F1	RGB 248 167 241	#F8A7F1
100.0%	100.0% #FAC2F5	RGB 250 194 245	#FAC2F5

#EF29DE #F042E1 #F25BE5 #F474E9 #F68DED #F8A7F1 #FAC2F5

#EF2ADE - #F474E9 - #FAC2F5

CSS codes

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

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