#5E531F - #3F3105 | 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 #5E531F to #3F3105

#5E531F #3F3105

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

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

0.0%	0.0% #5E531F	RGB 94 83 31	#5E531F
16.7%	16.7% #584D1A	RGB 88 77 26	#584D1A
33.3%	33.3% #534716	RGB 83 71 22	#534716
50.0%	50.0% #4E4212	RGB 78 66 18	#4E4212
66.7%	66.7% #493C0D	RGB 73 60 13	#493C0D
83.3%	83.3% #443609	RGB 68 54 9	#443609
100.0%	100.0% #3F3105	RGB 63 49 5	#3F3105

#5E531F #584D1A #534716 #4E4212 #493C0D #443609 #3F3105

#5E531F - #3F3105

HSV Blend

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

0.0%	0.0% #5E531F	RGB 94 83 31	#5E531F
16.7%	16.7% #584D19	RGB 88 77 25	#584D19
33.3%	33.3% #534714	RGB 83 71 20	#534714
50.0%	50.0% #4E4110	RGB 78 65 16	#4E4110
66.7%	66.7% #493B0B	RGB 73 59 11	#493B0B
83.3%	83.3% #443608	RGB 68 54 8	#443608
100.0%	100.0% #3F3105	RGB 63 49 5	#3F3105

#5E531F #584D19 #534714 #4E4110 #493B0B #443608 #3F3105

#5E531F - #4E4110 - #3F3105

CSS codes

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

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