#5E1111 - #AC422A | 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 #5E1111 to #AC422A

#5E1111 #AC422A

Calculate the color between two colors, #5E1111 and #AC422A. 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)

#5E1111 - #AC422A | 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 #5E1111 as 0% and #AC422A as 100%.

0.0%	0.0% #5E1111	RGB 94 17 17	#5E1111
16.7%	16.7% #6B1915	RGB 107 25 21	#6B1915
33.3%	33.3% #782119	RGB 120 33 25	#782119
50.0%	50.0% #85291D	RGB 133 41 29	#85291D
66.7%	66.7% #923121	RGB 146 49 33	#923121
83.3%	83.3% #9F3925	RGB 159 57 37	#9F3925
100.0%	100.0% #AC422A	RGB 172 66 42	#AC422A

#5E1111 #6B1915 #782119 #85291D #923121 #9F3925 #AC422A

#5E1111 - #AC422A

HSV Blend

#5E1111 - #AC422A | 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 #5E1111 as 0% and #AC422A as 100%.

0.0%	0.0% #5E1010	RGB 94 16 16	#5E1010
16.7%	16.7% #6B1714	RGB 107 23 20	#6B1714
33.3%	33.3% #781E18	RGB 120 30 24	#781E18
50.0%	50.0% #85251C	RGB 133 37 28	#85251C
66.7%	66.7% #922E20	RGB 146 46 32	#922E20
83.3%	83.3% #9F3725	RGB 159 55 37	#9F3725
100.0%	100.0% #AC422A	RGB 172 66 42	#AC422A

#5E1010 #6B1714 #781E18 #85251C #922E20 #9F3725 #AC422A

#5E1111 - #85251C - #AC422A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E1010 0%, #85251C 50%, #AC422A 100%);
    background: -webkit-linear-gradient(top, #5E1010 0%, #85251C 50%, #AC422A 100%);
    background: linear-gradient(to bottom, #5E1010 0%, #85251C 50%, #AC422A 100%);
}
</style>