#5D5E2D - #3F3501 | 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 #5D5E2D to #3F3501

#5D5E2D #3F3501

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

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

0.0%	0.0% #5D5E2D	RGB 93 94 45	#5D5E2D
16.7%	16.7% #585725	RGB 88 87 37	#585725
33.3%	33.3% #53501E	RGB 83 80 30	#53501E
50.0%	50.0% #4E4917	RGB 78 73 23	#4E4917
66.7%	66.7% #49420F	RGB 73 66 15	#49420F
83.3%	83.3% #443B08	RGB 68 59 8	#443B08
100.0%	100.0% #3F3501	RGB 63 53 1	#3F3501

#5D5E2D #585725 #53501E #4E4917 #49420F #443B08 #3F3501

#5D5E2D - #3F3501

HSV Blend

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

0.0%	0.0% #5D5E2D	RGB 93 94 45	#5D5E2D
16.7%	16.7% #585823	RGB 88 88 35	#585823
33.3%	33.3% #53511B	RGB 83 81 27	#53511B
50.0%	50.0% #4E4A13	RGB 78 74 19	#4E4A13
66.7%	66.7% #49430C	RGB 73 67 12	#49430C
83.3%	83.3% #443C06	RGB 68 60 6	#443C06
100.0%	100.0% #3F3501	RGB 63 53 1	#3F3501

#5D5E2D #585823 #53511B #4E4A13 #49430C #443C06 #3F3501

#5D5E2D - #4E4A13 - #3F3501

CSS codes

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

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