#ED3C57 - #8D0421 | 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 #ED3C57 to #8D0421

#ED3C57 #8D0421

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

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

0.0%	0.0% #ED3C57	RGB 237 60 87	#ED3C57
16.7%	16.7% #DD324E	RGB 221 50 78	#DD324E
33.3%	33.3% #CD2945	RGB 205 41 69	#CD2945
50.0%	50.0% #BD203C	RGB 189 32 60	#BD203C
66.7%	66.7% #AD1633	RGB 173 22 51	#AD1633
83.3%	83.3% #9D0D2A	RGB 157 13 42	#9D0D2A
100.0%	100.0% #8D0421	RGB 141 4 33	#8D0421

#ED3C57 #DD324E #CD2945 #BD203C #AD1633 #9D0D2A #8D0421

#ED3C57 - #8D0421

HSV Blend

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

0.0%	0.0% #ED3B56	RGB 237 59 86	#ED3B56
16.7%	16.7% #DD2F4B	RGB 221 47 75	#DD2F4B
33.3%	33.3% #CD2441	RGB 205 36 65	#CD2441
50.0%	50.0% #BD1A38	RGB 189 26 56	#BD1A38
66.7%	66.7% #AD112F	RGB 173 17 47	#AD112F
83.3%	83.3% #9D0A27	RGB 157 10 39	#9D0A27
100.0%	100.0% #8D0421	RGB 141 4 33	#8D0421

#ED3B56 #DD2F4B #CD2441 #BD1A38 #AD112F #9D0A27 #8D0421

#ED3C57 - #BD1A38 - #8D0421

CSS codes

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

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