#EC2FA0 - #F9C3E3 | 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 #EC2FA0 to #F9C3E3

#EC2FA0 #F9C3E3

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

#EC2FA0 - #F9C3E3 | 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 #EC2FA0 as 0% and #F9C3E3 as 100%.

0.0%	0.0% #EC2FA0	RGB 236 47 160	#EC2FA0
16.7%	16.7% #EE47AB	RGB 238 71 171	#EE47AB
33.3%	33.3% #F060B6	RGB 240 96 182	#F060B6
50.0%	50.0% #F279C1	RGB 242 121 193	#F279C1
66.7%	66.7% #F491CC	RGB 244 145 204	#F491CC
83.3%	83.3% #F6AAD7	RGB 246 170 215	#F6AAD7
100.0%	100.0% #F9C3E3	RGB 249 195 227	#F9C3E3

#EC2FA0 #EE47AB #F060B6 #F279C1 #F491CC #F6AAD7 #F9C3E3

#EC2FA0 - #F9C3E3

HSV Blend

#EC2FA0 - #F9C3E3 | 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 #EC2FA0 as 0% and #F9C3E3 as 100%.

0.0%	0.0% #EC2FA0	RGB 236 47 160	#EC2FA0
16.7%	16.7% #EE46AA	RGB 238 70 170	#EE46AA
33.3%	33.3% #F05EB5	RGB 240 94 181	#F05EB5
50.0%	50.0% #F277C0	RGB 242 119 192	#F277C0
66.7%	66.7% #F48FCB	RGB 244 143 203	#F48FCB
83.3%	83.3% #F6A9D7	RGB 246 169 215	#F6A9D7
100.0%	100.0% #F9C3E3	RGB 249 195 227	#F9C3E3

#EC2FA0 #EE46AA #F05EB5 #F277C0 #F48FCB #F6A9D7 #F9C3E3

#EC2FA0 - #F277C0 - #F9C3E3

CSS codes

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

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