#4E4D3C - #3B2D05 | 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 #4E4D3C to #3B2D05

#4E4D3C #3B2D05

Calculate the color between two colors, #4E4D3C and #3B2D05. 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)

#4E4D3C - #3B2D05 | 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 #4E4D3C as 0% and #3B2D05 as 100%.

0.0%	0.0% #4E4D3C	RGB 78 77 60	#4E4D3C
16.7%	16.7% #4A4732	RGB 74 71 50	#4A4732
33.3%	33.3% #474229	RGB 71 66 41	#474229
50.0%	50.0% #443D20	RGB 68 61 32	#443D20
66.7%	66.7% #413717	RGB 65 55 23	#413717
83.3%	83.3% #3E320E	RGB 62 50 14	#3E320E
100.0%	100.0% #3B2D05	RGB 59 45 5	#3B2D05

#4E4D3C #4A4732 #474229 #443D20 #413717 #3E320E #3B2D05

#4E4D3C - #3B2D05

HSV Blend

#4E4D3C - #3B2D05 | 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 #4E4D3C as 0% and #3B2D05 as 100%.

0.0%	0.0% #4E4D3C	RGB 78 77 60	#4E4D3C
16.7%	16.7% #4A4831	RGB 74 72 49	#4A4831
33.3%	33.3% #474326	RGB 71 67 38	#474326
50.0%	50.0% #443E1D	RGB 68 62 29	#443E1D
66.7%	66.7% #413814	RGB 65 56 20	#413814
83.3%	83.3% #3E320C	RGB 62 50 12	#3E320C
100.0%	100.0% #3B2D05	RGB 59 45 5	#3B2D05

#4E4D3C #4A4831 #474326 #443E1D #413814 #3E320C #3B2D05

#4E4D3C - #443E1D - #3B2D05

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E4D3C 0%, #443E1D 50%, #3B2D05 100%);
    background: -webkit-linear-gradient(top, #4E4D3C 0%, #443E1D 50%, #3B2D05 100%);
    background: linear-gradient(to bottom, #4E4D3C 0%, #443E1D 50%, #3B2D05 100%);
}
</style>