#ED3C3C - #A70F0F | 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 #ED3C3C to #A70F0F

#ED3C3C #A70F0F

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

#ED3C3C - #A70F0F | 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 #ED3C3C as 0% and #A70F0F as 100%.

0.0%	0.0% #ED3C3C	RGB 237 60 60	#ED3C3C
16.7%	16.7% #E13434	RGB 225 52 52	#E13434
33.3%	33.3% #D52D2D	RGB 213 45 45	#D52D2D
50.0%	50.0% #CA2525	RGB 202 37 37	#CA2525
66.7%	66.7% #BE1E1E	RGB 190 30 30	#BE1E1E
83.3%	83.3% #B21616	RGB 178 22 22	#B21616
100.0%	100.0% #A70F0F	RGB 167 15 15	#A70F0F

#ED3C3C #E13434 #D52D2D #CA2525 #BE1E1E #B21616 #A70F0F

#ED3C3C - #A70F0F

HSV Blend

#ED3C3C - #A70F0F | 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 #ED3C3C as 0% and #A70F0F as 100%.

0.0%	0.0% #ED3B3B	RGB 237 59 59	#ED3B3B
16.7%	16.7% #E13232	RGB 225 50 50	#E13232
33.3%	33.3% #D52A2A	RGB 213 42 42	#D52A2A
50.0%	50.0% #CA2222	RGB 202 34 34	#CA2222
66.7%	66.7% #BE1B1B	RGB 190 27 27	#BE1B1B
83.3%	83.3% #B21414	RGB 178 20 20	#B21414
100.0%	100.0% #A70F0F	RGB 167 15 15	#A70F0F

#ED3B3B #E13232 #D52A2A #CA2222 #BE1B1B #B21414 #A70F0F

#ED3C3C - #CA2222 - #A70F0F

CSS codes

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

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