#5E1C13 - #370F06 | 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 #5E1C13 to #370F06

#5E1C13 #370F06

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

#5E1C13 - #370F06 | 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 #5E1C13 as 0% and #370F06 as 100%.

0.0%	0.0% #5E1C13	RGB 94 28 19	#5E1C13
16.7%	16.7% #571910	RGB 87 25 16	#571910
33.3%	33.3% #51170E	RGB 81 23 14	#51170E
50.0%	50.0% #4A150C	RGB 74 21 12	#4A150C
66.7%	66.7% #44130A	RGB 68 19 10	#44130A
83.3%	83.3% #3D1108	RGB 61 17 8	#3D1108
100.0%	100.0% #370F06	RGB 55 15 6	#370F06

#5E1C13 #571910 #51170E #4A150C #44130A #3D1108 #370F06

#5E1C13 - #370F06

HSV Blend

#5E1C13 - #370F06 | 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 #5E1C13 as 0% and #370F06 as 100%.

0.0%	0.0% #5E1C12	RGB 94 28 18	#5E1C12
16.7%	16.7% #571910	RGB 87 25 16	#571910
33.3%	33.3% #51170D	RGB 81 23 13	#51170D
50.0%	50.0% #4A150B	RGB 74 21 11	#4A150B
66.7%	66.7% #441309	RGB 68 19 9	#441309
83.3%	83.3% #3D1007	RGB 61 16 7	#3D1007
100.0%	100.0% #370F06	RGB 55 15 6	#370F06

#5E1C12 #571910 #51170D #4A150B #441309 #3D1007 #370F06

#5E1C13 - #4A150B - #370F06

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E1C12 0%, #4A150B 50%, #370F06 100%);
    background: -webkit-linear-gradient(top, #5E1C12 0%, #4A150B 50%, #370F06 100%);
    background: linear-gradient(to bottom, #5E1C12 0%, #4A150B 50%, #370F06 100%);
}
</style>