#EC2B7C - #8A0038 | 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 #EC2B7C to #8A0038

#EC2B7C #8A0038

Calculate the color between two colors, #EC2B7C and #8A0038. 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)

#EC2B7C - #8A0038 | 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 #EC2B7C as 0% and #8A0038 as 100%.

0.0%	0.0% #EC2B7C	RGB 236 43 124	#EC2B7C
16.7%	16.7% #DB2370	RGB 219 35 112	#DB2370
33.3%	33.3% #CB1C65	RGB 203 28 101	#CB1C65
50.0%	50.0% #BB155A	RGB 187 21 90	#BB155A
66.7%	66.7% #AA0E4E	RGB 170 14 78	#AA0E4E
83.3%	83.3% #9A0743	RGB 154 7 67	#9A0743
100.0%	100.0% #8A0038	RGB 138 0 56	#8A0038

#EC2B7C #DB2370 #CB1C65 #BB155A #AA0E4E #9A0743 #8A0038

#EC2B7C - #8A0038

HSV Blend

#EC2B7C - #8A0038 | 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 #EC2B7C as 0% and #8A0038 as 100%.

0.0%	0.0% #EC2B7C	RGB 236 43 124	#EC2B7C
16.7%	16.7% #DB216F	RGB 219 33 111	#DB216F
33.3%	33.3% #CB1862	RGB 203 24 98	#CB1862
50.0%	50.0% #BB1157	RGB 187 17 87	#BB1157
66.7%	66.7% #AA0A4C	RGB 170 10 76	#AA0A4C
83.3%	83.3% #9A0441	RGB 154 4 65	#9A0441
100.0%	100.0% #8A0038	RGB 138 0 56	#8A0038

#EC2B7C #DB216F #CB1862 #BB1157 #AA0A4C #9A0441 #8A0038

#EC2B7C - #BB1157 - #8A0038

CSS codes

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

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