#5B5E2B - #343004 | 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 #5B5E2B to #343004

#5B5E2B #343004

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

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

0.0%	0.0% #5B5E2B	RGB 91 94 43	#5B5E2B
16.7%	16.7% #545624	RGB 84 86 36	#545624
33.3%	33.3% #4E4E1E	RGB 78 78 30	#4E4E1E
50.0%	50.0% #474717	RGB 71 71 23	#474717
66.7%	66.7% #413F10	RGB 65 63 16	#413F10
83.3%	83.3% #3A370A	RGB 58 55 10	#3A370A
100.0%	100.0% #343004	RGB 52 48 4	#343004

#5B5E2B #545624 #4E4E1E #474717 #413F10 #3A370A #343004

#5B5E2B - #343004

HSV Blend

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

0.0%	0.0% #5B5E2B	RGB 91 94 43	#5B5E2B
16.7%	16.7% #555722	RGB 85 87 34	#555722
33.3%	33.3% #4F501A	RGB 79 80 26	#4F501A
50.0%	50.0% #494813	RGB 73 72 19	#494813
66.7%	66.7% #42400D	RGB 66 64 13	#42400D
83.3%	83.3% #3B3708	RGB 59 55 8	#3B3708
100.0%	100.0% #343004	RGB 52 48 4	#343004

#5B5E2B #555722 #4F501A #494813 #42400D #3B3708 #343004

#5B5E2B - #494813 - #343004

CSS codes

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

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