#EC4D3D - #AE190F | 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 #EC4D3D to #AE190F

#EC4D3D #AE190F

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

#EC4D3D - #AE190F | 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 #EC4D3D as 0% and #AE190F as 100%.

0.0%	0.0% #EC4D3D	RGB 236 77 61	#EC4D3D
16.7%	16.7% #E14435	RGB 225 68 53	#E14435
33.3%	33.3% #D73B2D	RGB 215 59 45	#D73B2D
50.0%	50.0% #CD3326	RGB 205 51 38	#CD3326
66.7%	66.7% #C22A1E	RGB 194 42 30	#C22A1E
83.3%	83.3% #B82116	RGB 184 33 22	#B82116
100.0%	100.0% #AE190F	RGB 174 25 15	#AE190F

#EC4D3D #E14435 #D73B2D #CD3326 #C22A1E #B82116 #AE190F

#EC4D3D - #AE190F

HSV Blend

#EC4D3D - #AE190F | 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 #EC4D3D as 0% and #AE190F as 100%.

0.0%	0.0% #EC4D3D	RGB 236 77 61	#EC4D3D
16.7%	16.7% #E14233	RGB 225 66 51	#E14233
33.3%	33.3% #D7392B	RGB 215 57 43	#D7392B
50.0%	50.0% #CD3023	RGB 205 48 35	#CD3023
66.7%	66.7% #C2281B	RGB 194 40 27	#C2281B
83.3%	83.3% #B82015	RGB 184 32 21	#B82015
100.0%	100.0% #AE190F	RGB 174 25 15	#AE190F

#EC4D3D #E14233 #D7392B #CD3023 #C2281B #B82015 #AE190F

#EC4D3D - #CD3023 - #AE190F

CSS codes

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

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