#FF7ED2 - #EC2BB9 | 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 #FF7ED2 to #EC2BB9

#FF7ED2 #EC2BB9

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

#FF7ED2 - #EC2BB9 | 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 #FF7ED2 as 0% and #EC2BB9 as 100%.

0.0%	0.0% #FF7ED2	RGB 255 126 210	#FF7ED2
16.7%	16.7% #FB70CD	RGB 251 112 205	#FB70CD
33.3%	33.3% #F862C9	RGB 248 98 201	#F862C9
50.0%	50.0% #F554C5	RGB 245 84 197	#F554C5
66.7%	66.7% #F246C1	RGB 242 70 193	#F246C1
83.3%	83.3% #EF38BD	RGB 239 56 189	#EF38BD
100.0%	100.0% #EC2BB9	RGB 236 43 185	#EC2BB9

#FF7ED2 #FB70CD #F862C9 #F554C5 #F246C1 #EF38BD #EC2BB9

#FF7ED2 - #EC2BB9

HSV Blend

#FF7ED2 - #EC2BB9 | 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 #FF7ED2 as 0% and #EC2BB9 as 100%.

0.0%	0.0% #FF7ED2	RGB 255 126 210	#FF7ED2
16.7%	16.7% #FB6FCC	RGB 251 111 204	#FB6FCC
33.3%	33.3% #F861C8	RGB 248 97 200	#F861C8
50.0%	50.0% #F553C3	RGB 245 83 195	#F553C3
66.7%	66.7% #F245BF	RGB 242 69 191	#F245BF
83.3%	83.3% #EF38BC	RGB 239 56 188	#EF38BC
100.0%	100.0% #EC2BB9	RGB 236 43 185	#EC2BB9

#FF7ED2 #FB6FCC #F861C8 #F553C3 #F245BF #EF38BC #EC2BB9

#FF7ED2 - #F553C3 - #EC2BB9

CSS codes

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

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