#5E5B28 - #160609 | 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 #5E5B28 to #160609

#5E5B28 #160609

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

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

0.0%	0.0% #5E5B28	RGB 94 91 40	#5E5B28
16.7%	16.7% #524C22	RGB 82 76 34	#524C22
33.3%	33.3% #463E1D	RGB 70 62 29	#463E1D
50.0%	50.0% #3A3018	RGB 58 48 24	#3A3018
66.7%	66.7% #2E2213	RGB 46 34 19	#2E2213
83.3%	83.3% #22140E	RGB 34 20 14	#22140E
100.0%	100.0% #160609	RGB 22 6 9	#160609

#5E5B28 #524C22 #463E1D #3A3018 #2E2213 #22140E #160609

#5E5B28 - #160609

HSV Blend

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

0.0%	0.0% #5E5B28	RGB 94 91 40	#5E5B28
16.7%	16.7% #524520	RGB 82 69 32	#524520
33.3%	33.3% #46331A	RGB 70 51 26	#46331A
50.0%	50.0% #3A2214	RGB 58 34 20	#3A2214
66.7%	66.7% #2E140E	RGB 46 20 14	#2E140E
83.3%	83.3% #220A0A	RGB 34 10 10	#220A0A
100.0%	100.0% #160609	RGB 22 6 9	#160609

#5E5B28 #524520 #46331A #3A2214 #2E140E #220A0A #160609

#5E5B28 - #3A2214 - #160609

CSS codes

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

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