#ED10BA - #FF2D72 | 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 #ED10BA to #FF2D72

#ED10BA #FF2D72

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

#ED10BA - #FF2D72 | 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 #ED10BA as 0% and #FF2D72 as 100%.

0.0%	0.0% #ED10BA	RGB 237 16 186	#ED10BA
16.7%	16.7% #F014AE	RGB 240 20 174	#F014AE
33.3%	33.3% #F319A2	RGB 243 25 162	#F319A2
50.0%	50.0% #F61E96	RGB 246 30 150	#F61E96
66.7%	66.7% #F9238A	RGB 249 35 138	#F9238A
83.3%	83.3% #FC287E	RGB 252 40 126	#FC287E
100.0%	100.0% #FF2D72	RGB 255 45 114	#FF2D72

#ED10BA #F014AE #F319A2 #F61E96 #F9238A #FC287E #FF2D72

#ED10BA - #FF2D72

HSV Blend

#ED10BA - #FF2D72 | 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 #ED10BA as 0% and #FF2D72 as 100%.

0.0%	0.0% #ED10BA	RGB 237 16 186	#ED10BA
16.7%	16.7% #F014AD	RGB 240 20 173	#F014AD
33.3%	33.3% #F319A0	RGB 243 25 160	#F319A0
50.0%	50.0% #F61E94	RGB 246 30 148	#F61E94
66.7%	66.7% #F92288	RGB 249 34 136	#F92288
83.3%	83.3% #FC277D	RGB 252 39 125	#FC277D
100.0%	100.0% #FF2D72	RGB 255 45 114	#FF2D72

#ED10BA #F014AD #F319A0 #F61E94 #F92288 #FC277D #FF2D72

#ED10BA - #F61E94 - #FF2D72

CSS codes

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

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