#5E1208 - #AC4420 | 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 #5E1208 to #AC4420

#5E1208 #AC4420

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

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

0.0%	0.0% #5E1208	RGB 94 18 8	#5E1208
16.7%	16.7% #6B1A0C	RGB 107 26 12	#6B1A0C
33.3%	33.3% #782210	RGB 120 34 16	#782210
50.0%	50.0% #852B14	RGB 133 43 20	#852B14
66.7%	66.7% #923318	RGB 146 51 24	#923318
83.3%	83.3% #9F3B1C	RGB 159 59 28	#9F3B1C
100.0%	100.0% #AC4420	RGB 172 68 32	#AC4420

#5E1208 #6B1A0C #782210 #852B14 #923318 #9F3B1C #AC4420

#5E1208 - #AC4420

HSV Blend

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

0.0%	0.0% #5E1107	RGB 94 17 7	#5E1107
16.7%	16.7% #6B180A	RGB 107 24 10	#6B180A
33.3%	33.3% #781F0E	RGB 120 31 14	#781F0E
50.0%	50.0% #852712	RGB 133 39 18	#852712
66.7%	66.7% #923016	RGB 146 48 22	#923016
83.3%	83.3% #9F391A	RGB 159 57 26	#9F391A
100.0%	100.0% #AC4420	RGB 172 68 32	#AC4420

#5E1107 #6B180A #781F0E #852712 #923016 #9F391A #AC4420

#5E1208 - #852712 - #AC4420

CSS codes

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

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