#5E481F - #3F3205 | 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 #5E481F to #3F3205

#5E481F #3F3205

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

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

0.0%	0.0% #5E481F	RGB 94 72 31	#5E481F
16.7%	16.7% #58441A	RGB 88 68 26	#58441A
33.3%	33.3% #534016	RGB 83 64 22	#534016
50.0%	50.0% #4E3D12	RGB 78 61 18	#4E3D12
66.7%	66.7% #49390D	RGB 73 57 13	#49390D
83.3%	83.3% #443509	RGB 68 53 9	#443509
100.0%	100.0% #3F3205	RGB 63 50 5	#3F3205

#5E481F #58441A #534016 #4E3D12 #49390D #443509 #3F3205

#5E481F - #3F3205

HSV Blend

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

0.0%	0.0% #5E481F	RGB 94 72 31	#5E481F
16.7%	16.7% #584419	RGB 88 68 25	#584419
33.3%	33.3% #534014	RGB 83 64 20	#534014
50.0%	50.0% #4E3C10	RGB 78 60 16	#4E3C10
66.7%	66.7% #49390B	RGB 73 57 11	#49390B
83.3%	83.3% #443508	RGB 68 53 8	#443508
100.0%	100.0% #3F3205	RGB 63 50 5	#3F3205

#5E481F #584419 #534014 #4E3C10 #49390B #443508 #3F3205

#5E481F - #4E3C10 - #3F3205

CSS codes

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

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