#EC80AC - #B41B5E | 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 #EC80AC to #B41B5E

#EC80AC #B41B5E

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

#EC80AC - #B41B5E | 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 #EC80AC as 0% and #B41B5E as 100%.

0.0%	0.0% #EC80AC	RGB 236 128 172	#EC80AC
16.7%	16.7% #E26F9F	RGB 226 111 159	#E26F9F
33.3%	33.3% #D95E92	RGB 217 94 146	#D95E92
50.0%	50.0% #D04D85	RGB 208 77 133	#D04D85
66.7%	66.7% #C63C78	RGB 198 60 120	#C63C78
83.3%	83.3% #BD2B6B	RGB 189 43 107	#BD2B6B
100.0%	100.0% #B41B5E	RGB 180 27 94	#B41B5E

#EC80AC #E26F9F #D95E92 #D04D85 #C63C78 #BD2B6B #B41B5E

#EC80AC - #B41B5E

HSV Blend

#EC80AC - #B41B5E | 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 #EC80AC as 0% and #B41B5E as 100%.

0.0%	0.0% #EC80AC	RGB 236 128 172	#EC80AC
16.7%	16.7% #E26C9D	RGB 226 108 157	#E26C9D
33.3%	33.3% #D9598E	RGB 217 89 142	#D9598E
50.0%	50.0% #D04881	RGB 208 72 129	#D04881
66.7%	66.7% #C63774	RGB 198 55 116	#C63774
83.3%	83.3% #BD2869	RGB 189 40 105	#BD2869
100.0%	100.0% #B41B5E	RGB 180 27 94	#B41B5E

#EC80AC #E26C9D #D9598E #D04881 #C63774 #BD2869 #B41B5E

#EC80AC - #D04881 - #B41B5E

CSS codes

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

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