#EC3C3C - #A60F0F | 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 #EC3C3C to #A60F0F

#EC3C3C #A60F0F

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

#EC3C3C - #A60F0F | 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 #EC3C3C as 0% and #A60F0F as 100%.

0.0%	0.0% #EC3C3C	RGB 236 60 60	#EC3C3C
16.7%	16.7% #E03434	RGB 224 52 52	#E03434
33.3%	33.3% #D42D2D	RGB 212 45 45	#D42D2D
50.0%	50.0% #C92525	RGB 201 37 37	#C92525
66.7%	66.7% #BD1E1E	RGB 189 30 30	#BD1E1E
83.3%	83.3% #B11616	RGB 177 22 22	#B11616
100.0%	100.0% #A60F0F	RGB 166 15 15	#A60F0F

#EC3C3C #E03434 #D42D2D #C92525 #BD1E1E #B11616 #A60F0F

#EC3C3C - #A60F0F

HSV Blend

#EC3C3C - #A60F0F | 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 #EC3C3C as 0% and #A60F0F as 100%.

0.0%	0.0% #EC3C3C	RGB 236 60 60	#EC3C3C
16.7%	16.7% #E03232	RGB 224 50 50	#E03232
33.3%	33.3% #D42A2A	RGB 212 42 42	#D42A2A
50.0%	50.0% #C92222	RGB 201 34 34	#C92222
66.7%	66.7% #BD1B1B	RGB 189 27 27	#BD1B1B
83.3%	83.3% #B11414	RGB 177 20 20	#B11414
100.0%	100.0% #A60F0F	RGB 166 15 15	#A60F0F

#EC3C3C #E03232 #D42A2A #C92222 #BD1B1B #B11414 #A60F0F

#EC3C3C - #C92222 - #A60F0F

CSS codes

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

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