#5E531C - #3D3505 | 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 #5E531C to #3D3505

#5E531C #3D3505

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

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

0.0%	0.0% #5E531C	RGB 94 83 28	#5E531C
16.7%	16.7% #584E18	RGB 88 78 24	#584E18
33.3%	33.3% #534914	RGB 83 73 20	#534914
50.0%	50.0% #4D4410	RGB 77 68 16	#4D4410
66.7%	66.7% #483F0C	RGB 72 63 12	#483F0C
83.3%	83.3% #423A08	RGB 66 58 8	#423A08
100.0%	100.0% #3D3505	RGB 61 53 5	#3D3505

#5E531C #584E18 #534914 #4D4410 #483F0C #423A08 #3D3505

#5E531C - #3D3505

HSV Blend

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

0.0%	0.0% #5E531C	RGB 94 83 28	#5E531C
16.7%	16.7% #584D17	RGB 88 77 23	#584D17
33.3%	33.3% #534812	RGB 83 72 18	#534812
50.0%	50.0% #4D430E	RGB 77 67 14	#4D430E
66.7%	66.7% #483E0B	RGB 72 62 11	#483E0B
83.3%	83.3% #423907	RGB 66 57 7	#423907
100.0%	100.0% #3D3505	RGB 61 53 5	#3D3505

#5E531C #584D17 #534812 #4D430E #483E0B #423907 #3D3505

#5E531C - #4D430E - #3D3505

CSS codes

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

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