#5C5E3E - #382D04 | 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 #5C5E3E to #382D04

#5C5E3E #382D04

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

#5C5E3E - #382D04 | 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 #5C5E3E as 0% and #382D04 as 100%.

0.0%	0.0% #5C5E3E	RGB 92 94 62	#5C5E3E
16.7%	16.7% #565534	RGB 86 85 52	#565534
33.3%	33.3% #504D2A	RGB 80 77 42	#504D2A
50.0%	50.0% #4A4521	RGB 74 69 33	#4A4521
66.7%	66.7% #443D17	RGB 68 61 23	#443D17
83.3%	83.3% #3E350D	RGB 62 53 13	#3E350D
100.0%	100.0% #382D04	RGB 56 45 4	#382D04

#5C5E3E #565534 #504D2A #4A4521 #443D17 #3E350D #382D04

#5C5E3E - #382D04

HSV Blend

#5C5E3E - #382D04 | 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 #5C5E3E as 0% and #382D04 as 100%.

0.0%	0.0% #5C5E3E	RGB 92 94 62	#5C5E3E
16.7%	16.7% #575731	RGB 87 87 49	#575731
33.3%	33.3% #515025	RGB 81 80 37	#515025
50.0%	50.0% #4B471B	RGB 75 71 27	#4B471B
66.7%	66.7% #443E12	RGB 68 62 18	#443E12
83.3%	83.3% #3E350A	RGB 62 53 10	#3E350A
100.0%	100.0% #382D04	RGB 56 45 4	#382D04

#5C5E3E #575731 #515025 #4B471B #443E12 #3E350A #382D04

#5C5E3E - #4B471B - #382D04

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5C5E3E 0%, #4B471B 50%, #382D04 100%);
    background: -webkit-linear-gradient(top, #5C5E3E 0%, #4B471B 50%, #382D04 100%);
    background: linear-gradient(to bottom, #5C5E3E 0%, #4B471B 50%, #382D04 100%);
}
</style>