#5E541C - #3D3605 | 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 #5E541C to #3D3605

#5E541C #3D3605

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

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

0.0%	0.0% #5E541C	RGB 94 84 28	#5E541C
16.7%	16.7% #584F18	RGB 88 79 24	#584F18
33.3%	33.3% #534A14	RGB 83 74 20	#534A14
50.0%	50.0% #4D4510	RGB 77 69 16	#4D4510
66.7%	66.7% #48400C	RGB 72 64 12	#48400C
83.3%	83.3% #423B08	RGB 66 59 8	#423B08
100.0%	100.0% #3D3605	RGB 61 54 5	#3D3605

#5E541C #584F18 #534A14 #4D4510 #48400C #423B08 #3D3605

#5E541C - #3D3605

HSV Blend

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

0.0%	0.0% #5E541C	RGB 94 84 28	#5E541C
16.7%	16.7% #584E17	RGB 88 78 23	#584E17
33.3%	33.3% #534912	RGB 83 73 18	#534912
50.0%	50.0% #4D440E	RGB 77 68 14	#4D440E
66.7%	66.7% #483F0B	RGB 72 63 11	#483F0B
83.3%	83.3% #423A07	RGB 66 58 7	#423A07
100.0%	100.0% #3D3605	RGB 61 54 5	#3D3605

#5E541C #584E17 #534912 #4D440E #483F0B #423A07 #3D3605

#5E541C - #4D440E - #3D3605

CSS codes

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

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