#5E4943 - #4F2008 | 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 #5E4943 to #4F2008

#5E4943 #4F2008

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

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

0.0%	0.0% #5E4943	RGB 94 73 67	#5E4943
16.7%	16.7% #5B4239	RGB 91 66 57	#5B4239
33.3%	33.3% #593B2F	RGB 89 59 47	#593B2F
50.0%	50.0% #563425	RGB 86 52 37	#563425
66.7%	66.7% #542D1B	RGB 84 45 27	#542D1B
83.3%	83.3% #512611	RGB 81 38 17	#512611
100.0%	100.0% #4F2008	RGB 79 32 8	#4F2008

#5E4943 #5B4239 #593B2F #563425 #542D1B #512611 #4F2008

#5E4943 - #4F2008

HSV Blend

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

0.0%	0.0% #5E4943	RGB 94 73 67	#5E4943
16.7%	16.7% #5B4037	RGB 91 64 55	#5B4037
33.3%	33.3% #59382D	RGB 89 56 45	#59382D
50.0%	50.0% #563123	RGB 86 49 35	#563123
66.7%	66.7% #542B19	RGB 84 43 25	#542B19
83.3%	83.3% #512510	RGB 81 37 16	#512510
100.0%	100.0% #4F2008	RGB 79 32 8	#4F2008

#5E4943 #5B4037 #59382D #563123 #542B19 #512510 #4F2008

#5E4943 - #563123 - #4F2008

CSS codes

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

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