#5E5C2E - #3F3306 | 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 #5E5C2E to #3F3306

#5E5C2E #3F3306

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

#5E5C2E - #3F3306 | 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 #5E5C2E as 0% and #3F3306 as 100%.

0.0%	0.0% #5E5C2E	RGB 94 92 46	#5E5C2E
16.7%	16.7% #585527	RGB 88 85 39	#585527
33.3%	33.3% #534E20	RGB 83 78 32	#534E20
50.0%	50.0% #4E471A	RGB 78 71 26	#4E471A
66.7%	66.7% #494013	RGB 73 64 19	#494013
83.3%	83.3% #44390C	RGB 68 57 12	#44390C
100.0%	100.0% #3F3306	RGB 63 51 6	#3F3306

#5E5C2E #585527 #534E20 #4E471A #494013 #44390C #3F3306

#5E5C2E - #3F3306

HSV Blend

#5E5C2E - #3F3306 | 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 #5E5C2E as 0% and #3F3306 as 100%.

0.0%	0.0% #5E5C2E	RGB 94 92 46	#5E5C2E
16.7%	16.7% #585525	RGB 88 85 37	#585525
33.3%	33.3% #534E1D	RGB 83 78 29	#534E1D
50.0%	50.0% #4E4716	RGB 78 71 22	#4E4716
66.7%	66.7% #494010	RGB 73 64 16	#494010
83.3%	83.3% #44390A	RGB 68 57 10	#44390A
100.0%	100.0% #3F3306	RGB 63 51 6	#3F3306

#5E5C2E #585525 #534E1D #4E4716 #494010 #44390A #3F3306

#5E5C2E - #4E4716 - #3F3306

CSS codes

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

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