#EB007C - #FF7199 | 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 #EB007C to #FF7199

#EB007C #FF7199

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

#EB007C - #FF7199 | 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 #EB007C as 0% and #FF7199 as 100%.

0.0%	0.0% #EB007C	RGB 235 0 124	#EB007C
16.7%	16.7% #EE1280	RGB 238 18 128	#EE1280
33.3%	33.3% #F12585	RGB 241 37 133	#F12585
50.0%	50.0% #F5388A	RGB 245 56 138	#F5388A
66.7%	66.7% #F84B8F	RGB 248 75 143	#F84B8F
83.3%	83.3% #FB5E94	RGB 251 94 148	#FB5E94
100.0%	100.0% #FF7199	RGB 255 113 153	#FF7199

#EB007C #EE1280 #F12585 #F5388A #F84B8F #FB5E94 #FF7199

#EB007C - #FF7199

HSV Blend

#EB007C - #FF7199 | 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 #EB007C as 0% and #FF7199 as 100%.

0.0%	0.0% #EB007C	RGB 235 0 124	#EB007C
16.7%	16.7% #EE117D	RGB 238 17 125	#EE117D
33.3%	33.3% #F1237F	RGB 241 35 127	#F1237F
50.0%	50.0% #F53683	RGB 245 54 131	#F53683
66.7%	66.7% #F84988	RGB 248 73 136	#F84988
83.3%	83.3% #FB5C90	RGB 251 92 144	#FB5C90
100.0%	100.0% #FF7199	RGB 255 113 153	#FF7199

#EB007C #EE117D #F1237F #F53683 #F84988 #FB5C90 #FF7199

#EB007C - #F53683 - #FF7199

CSS codes

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

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