#EB126B - #FF7C7E | 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 #EB126B to #FF7C7E

#EB126B #FF7C7E

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

#EB126B - #FF7C7E | 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 #EB126B as 0% and #FF7C7E as 100%.

0.0%	0.0% #EB126B	RGB 235 18 107	#EB126B
16.7%	16.7% #EE236E	RGB 238 35 110	#EE236E
33.3%	33.3% #F13571	RGB 241 53 113	#F13571
50.0%	50.0% #F54774	RGB 245 71 116	#F54774
66.7%	66.7% #F85877	RGB 248 88 119	#F85877
83.3%	83.3% #FB6A7A	RGB 251 106 122	#FB6A7A
100.0%	100.0% #FF7C7E	RGB 255 124 126	#FF7C7E

#EB126B #EE236E #F13571 #F54774 #F85877 #FB6A7A #FF7C7E

#EB126B - #FF7C7E

HSV Blend

#EB126B - #FF7C7E | 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 #EB126B as 0% and #FF7C7E as 100%.

0.0%	0.0% #EB116B	RGB 235 17 107	#EB116B
16.7%	16.7% #EE2268	RGB 238 34 104	#EE2268
33.3%	33.3% #F13368	RGB 241 51 104	#F13368
50.0%	50.0% #F5446A	RGB 245 68 106	#F5446A
66.7%	66.7% #F8566E	RGB 248 86 110	#F8566E
83.3%	83.3% #FB6975	RGB 251 105 117	#FB6975
100.0%	100.0% #FF7C7E	RGB 255 124 126	#FF7C7E

#EB116B #EE2268 #F13368 #F5446A #F8566E #FB6975 #FF7C7E

#EB126B - #F5446A - #FF7C7E

CSS codes

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

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