#EC5384 - #9F003C | 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 #EC5384 to #9F003C

#EC5384 #9F003C

Calculate the color between two colors, #EC5384 and #9F003C. 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)

#EC5384 - #9F003C | 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 #EC5384 as 0% and #9F003C as 100%.

0.0%	0.0% #EC5384	RGB 236 83 132	#EC5384
16.7%	16.7% #DF4578	RGB 223 69 120	#DF4578
33.3%	33.3% #D2376C	RGB 210 55 108	#D2376C
50.0%	50.0% #C52960	RGB 197 41 96	#C52960
66.7%	66.7% #B81B54	RGB 184 27 84	#B81B54
83.3%	83.3% #AB0D48	RGB 171 13 72	#AB0D48
100.0%	100.0% #9F003C	RGB 159 0 60	#9F003C

#EC5384 #DF4578 #D2376C #C52960 #B81B54 #AB0D48 #9F003C

#EC5384 - #9F003C

HSV Blend

#EC5384 - #9F003C | 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 #EC5384 as 0% and #9F003C as 100%.

0.0%	0.0% #EC5284	RGB 236 82 132	#EC5284
16.7%	16.7% #DF4175	RGB 223 65 117	#DF4175
33.3%	33.3% #D23167	RGB 210 49 103	#D23167
50.0%	50.0% #C5225B	RGB 197 34 91	#C5225B
66.7%	66.7% #B81550	RGB 184 21 80	#B81550
83.3%	83.3% #AB0A45	RGB 171 10 69	#AB0A45
100.0%	100.0% #9F003C	RGB 159 0 60	#9F003C

#EC5284 #DF4175 #D23167 #C5225B #B81550 #AB0A45 #9F003C

#EC5384 - #C5225B - #9F003C

CSS codes

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

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