#4E4E49 - #3C2F08 | 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 #4E4E49 to #3C2F08

#4E4E49 #3C2F08

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

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

0.0%	0.0% #4E4E49	RGB 78 78 73	#4E4E49
16.7%	16.7% #4B483E	RGB 75 72 62	#4B483E
33.3%	33.3% #484333	RGB 72 67 51	#484333
50.0%	50.0% #453E28	RGB 69 62 40	#453E28
66.7%	66.7% #42391D	RGB 66 57 29	#42391D
83.3%	83.3% #3F3412	RGB 63 52 18	#3F3412
100.0%	100.0% #3C2F08	RGB 60 47 8	#3C2F08

#4E4E49 #4B483E #484333 #453E28 #42391D #3F3412 #3C2F08

#4E4E49 - #3C2F08

HSV Blend

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

0.0%	0.0% #4E4E49	RGB 78 78 73	#4E4E49
16.7%	16.7% #4B4A3C	RGB 75 74 60	#4B4A3C
33.3%	33.3% #484630	RGB 72 70 48	#484630
50.0%	50.0% #454024	RGB 69 64 36	#454024
66.7%	66.7% #423B1A	RGB 66 59 26	#423B1A
83.3%	83.3% #3F3510	RGB 63 53 16	#3F3510
100.0%	100.0% #3C2F08	RGB 60 47 8	#3C2F08

#4E4E49 #4B4A3C #484630 #454024 #423B1A #3F3510 #3C2F08

#4E4E49 - #454024 - #3C2F08

CSS codes

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

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