#5B5E2A - #413C05 | 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 #5B5E2A to #413C05

#5B5E2A #413C05

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

#5B5E2A - #413C05 | 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 #5B5E2A as 0% and #413C05 as 100%.

0.0%	0.0% #5B5E2A	RGB 91 94 42	#5B5E2A
16.7%	16.7% #565823	RGB 86 88 35	#565823
33.3%	33.3% #52521D	RGB 82 82 29	#52521D
50.0%	50.0% #4E4D17	RGB 78 77 23	#4E4D17
66.7%	66.7% #494711	RGB 73 71 17	#494711
83.3%	83.3% #45410B	RGB 69 65 11	#45410B
100.0%	100.0% #413C05	RGB 65 60 5	#413C05

#5B5E2A #565823 #52521D #4E4D17 #494711 #45410B #413C05

#5B5E2A - #413C05

HSV Blend

#5B5E2A - #413C05 | 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 #5B5E2A as 0% and #413C05 as 100%.

0.0%	0.0% #5B5E2A	RGB 91 94 42	#5B5E2A
16.7%	16.7% #575922	RGB 87 89 34	#575922
33.3%	33.3% #53541B	RGB 83 84 27	#53541B
50.0%	50.0% #4F4E14	RGB 79 78 20	#4F4E14
66.7%	66.7% #4A480E	RGB 74 72 14	#4A480E
83.3%	83.3% #454209	RGB 69 66 9	#454209
100.0%	100.0% #413C05	RGB 65 60 5	#413C05

#5B5E2A #575922 #53541B #4F4E14 #4A480E #454209 #413C05

#5B5E2A - #4F4E14 - #413C05

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5B5E2A 0%, #4F4E14 50%, #413C05 100%);
    background: -webkit-linear-gradient(top, #5B5E2A 0%, #4F4E14 50%, #413C05 100%);
    background: linear-gradient(to bottom, #5B5E2A 0%, #4F4E14 50%, #413C05 100%);
}
</style>