#5D5E2F - #2D3305 | 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 #5D5E2F to #2D3305

#5D5E2F #2D3305

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

#5D5E2F - #2D3305 | 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 #5D5E2F as 0% and #2D3305 as 100%.

0.0%	0.0% #5D5E2F	RGB 93 94 47	#5D5E2F
16.7%	16.7% #555628	RGB 85 86 40	#555628
33.3%	33.3% #4D4F21	RGB 77 79 33	#4D4F21
50.0%	50.0% #45481A	RGB 69 72 26	#45481A
66.7%	66.7% #3D4112	RGB 61 65 18	#3D4112
83.3%	83.3% #353A0C	RGB 53 58 12	#353A0C
100.0%	100.0% #2D3305	RGB 45 51 5	#2D3305

#5D5E2F #555628 #4D4F21 #45481A #3D4112 #353A0C #2D3305

#5D5E2F - #2D3305

HSV Blend

#5D5E2F - #2D3305 | 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 #5D5E2F as 0% and #2D3305 as 100%.

0.0%	0.0% #5D5E2F	RGB 93 94 47	#5D5E2F
16.7%	16.7% #545625	RGB 84 86 37	#545625
33.3%	33.3% #4C4F1D	RGB 76 79 29	#4C4F1D
50.0%	50.0% #444815	RGB 68 72 21	#444815
66.7%	66.7% #3C410F	RGB 60 65 15	#3C410F
83.3%	83.3% #343A09	RGB 52 58 9	#343A09
100.0%	100.0% #2D3305	RGB 45 51 5	#2D3305

#5D5E2F #545625 #4C4F1D #444815 #3C410F #343A09 #2D3305

#5D5E2F - #444815 - #2D3305

CSS codes

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

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