#5E4238 - #4A1E06 | 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 #5E4238 to #4A1E06

#5E4238 #4A1E06

Calculate the color between two colors, #5E4238 and #4A1E06. 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)

#5E4238 - #4A1E06 | 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 #5E4238 as 0% and #4A1E06 as 100%.

0.0%	0.0% #5E4238	RGB 94 66 56	#5E4238
16.7%	16.7% #5A3C2F	RGB 90 60 47	#5A3C2F
33.3%	33.3% #573627	RGB 87 54 39	#573627
50.0%	50.0% #54301F	RGB 84 48 31	#54301F
66.7%	66.7% #502A16	RGB 80 42 22	#502A16
83.3%	83.3% #4D240E	RGB 77 36 14	#4D240E
100.0%	100.0% #4A1E06	RGB 74 30 6	#4A1E06

#5E4238 #5A3C2F #573627 #54301F #502A16 #4D240E #4A1E06

#5E4238 - #4A1E06

HSV Blend

#5E4238 - #4A1E06 | 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 #5E4238 as 0% and #4A1E06 as 100%.

0.0%	0.0% #5E4238	RGB 94 66 56	#5E4238
16.7%	16.7% #5A3A2E	RGB 90 58 46	#5A3A2E
33.3%	33.3% #573325	RGB 87 51 37	#573325
50.0%	50.0% #542D1C	RGB 84 45 28	#542D1C
66.7%	66.7% #502714	RGB 80 39 20	#502714
83.3%	83.3% #4D220C	RGB 77 34 12	#4D220C
100.0%	100.0% #4A1E06	RGB 74 30 6	#4A1E06

#5E4238 #5A3A2E #573325 #542D1C #502714 #4D220C #4A1E06

#5E4238 - #542D1C - #4A1E06

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4238 0%, #542D1C 50%, #4A1E06 100%);
    background: -webkit-linear-gradient(top, #5E4238 0%, #542D1C 50%, #4A1E06 100%);
    background: linear-gradient(to bottom, #5E4238 0%, #542D1C 50%, #4A1E06 100%);
}
</style>