#ED80A8 - #B41D5A | 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 #ED80A8 to #B41D5A

#ED80A8 #B41D5A

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

#ED80A8 - #B41D5A | 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 #ED80A8 as 0% and #B41D5A as 100%.

0.0%	0.0% #ED80A8	RGB 237 128 168	#ED80A8
16.7%	16.7% #E36F9B	RGB 227 111 155	#E36F9B
33.3%	33.3% #DA5F8E	RGB 218 95 142	#DA5F8E
50.0%	50.0% #D04E81	RGB 208 78 129	#D04E81
66.7%	66.7% #C73E74	RGB 199 62 116	#C73E74
83.3%	83.3% #BD2D67	RGB 189 45 103	#BD2D67
100.0%	100.0% #B41D5A	RGB 180 29 90	#B41D5A

#ED80A8 #E36F9B #DA5F8E #D04E81 #C73E74 #BD2D67 #B41D5A

#ED80A8 - #B41D5A

HSV Blend

#ED80A8 - #B41D5A | 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 #ED80A8 as 0% and #B41D5A as 100%.

0.0%	0.0% #ED80A7	RGB 237 128 167	#ED80A7
16.7%	16.7% #E36C98	RGB 227 108 152	#E36C98
33.3%	33.3% #DA5A8A	RGB 218 90 138	#DA5A8A
50.0%	50.0% #D0497D	RGB 208 73 125	#D0497D
66.7%	66.7% #C73970	RGB 199 57 112	#C73970
83.3%	83.3% #BD2A64	RGB 189 42 100	#BD2A64
100.0%	100.0% #B41D5A	RGB 180 29 90	#B41D5A

#ED80A7 #E36C98 #DA5A8A #D0497D #C73970 #BD2A64 #B41D5A

#ED80A8 - #D0497D - #B41D5A

CSS codes

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

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