#5E3D1E - #160A0E | 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 #5E3D1E to #160A0E

#5E3D1E #160A0E

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

#5E3D1E - #160A0E | 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 #5E3D1E as 0% and #160A0E as 100%.

0.0%	0.0% #5E3D1E	RGB 94 61 30	#5E3D1E
16.7%	16.7% #52341B	RGB 82 52 27	#52341B
33.3%	33.3% #462C18	RGB 70 44 24	#462C18
50.0%	50.0% #3A2316	RGB 58 35 22	#3A2316
66.7%	66.7% #2E1B13	RGB 46 27 19	#2E1B13
83.3%	83.3% #221210	RGB 34 18 16	#221210
100.0%	100.0% #160A0E	RGB 22 10 14	#160A0E

#5E3D1E #52341B #462C18 #3A2316 #2E1B13 #221210 #160A0E

#5E3D1E - #160A0E

HSV Blend

#5E3D1E - #160A0E | 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 #5E3D1E as 0% and #160A0E as 100%.

0.0%	0.0% #5E3D1E	RGB 94 61 30	#5E3D1E
16.7%	16.7% #522E1C	RGB 82 46 28	#522E1C
33.3%	33.3% #462219	RGB 70 34 25	#462219
50.0%	50.0% #3A1916	RGB 58 25 22	#3A1916
66.7%	66.7% #2E1214	RGB 46 18 20	#2E1214
83.3%	83.3% #220E12	RGB 34 14 18	#220E12
100.0%	100.0% #160A0E	RGB 22 10 14	#160A0E

#5E3D1E #522E1C #462219 #3A1916 #2E1214 #220E12 #160A0E

#5E3D1E - #3A1916 - #160A0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3D1E 0%, #3A1916 50%, #160A0E 100%);
    background: -webkit-linear-gradient(top, #5E3D1E 0%, #3A1916 50%, #160A0E 100%);
    background: linear-gradient(to bottom, #5E3D1E 0%, #3A1916 50%, #160A0E 100%);
}
</style>