#E2000D - #4C0D14 | 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 #E2000D to #4C0D14

#E2000D #4C0D14

Calculate the color between two colors, #E2000D and #4C0D14. 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)

#E2000D - #4C0D14 | 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 #E2000D as 0% and #4C0D14 as 100%.

0.0%	0.0% #E2000D	RGB 226 0 13	#E2000D
16.7%	16.7% #C9020E	RGB 201 2 14	#C9020E
33.3%	33.3% #B0040F	RGB 176 4 15	#B0040F
50.0%	50.0% #970610	RGB 151 6 16	#970610
66.7%	66.7% #7E0811	RGB 126 8 17	#7E0811
83.3%	83.3% #650A12	RGB 101 10 18	#650A12
100.0%	100.0% #4C0D14	RGB 76 13 20	#4C0D14

#E2000D #C9020E #B0040F #970610 #7E0811 #650A12 #4C0D14

#E2000D - #4C0D14

HSV Blend

#E2000D - #4C0D14 | 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 #E2000D as 0% and #4C0D14 as 100%.

0.0%	0.0% #E2000D	RGB 226 0 13	#E2000D
16.7%	16.7% #C90512	RGB 201 5 18	#C90512
33.3%	33.3% #B00A16	RGB 176 10 22	#B00A16
50.0%	50.0% #970C18	RGB 151 12 24	#970C18
66.7%	66.7% #7E0E18	RGB 126 14 24	#7E0E18
83.3%	83.3% #650E17	RGB 101 14 23	#650E17
100.0%	100.0% #4C0D14	RGB 76 13 20	#4C0D14

#E2000D #C90512 #B00A16 #970C18 #7E0E18 #650E17 #4C0D14

#E2000D - #970C18 - #4C0D14

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E2000D 0%, #970C18 50%, #4C0D14 100%);
    background: -webkit-linear-gradient(top, #E2000D 0%, #970C18 50%, #4C0D14 100%);
    background: linear-gradient(to bottom, #E2000D 0%, #970C18 50%, #4C0D14 100%);
}
</style>