#4D4A40 - #3E2C06 | 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 #4D4A40 to #3E2C06

#4D4A40 #3E2C06

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

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

0.0%	0.0% #4D4A40	RGB 77 74 64	#4D4A40
16.7%	16.7% #4A4536	RGB 74 69 54	#4A4536
33.3%	33.3% #48402C	RGB 72 64 44	#48402C
50.0%	50.0% #453B23	RGB 69 59 35	#453B23
66.7%	66.7% #433619	RGB 67 54 25	#433619
83.3%	83.3% #40310F	RGB 64 49 15	#40310F
100.0%	100.0% #3E2C06	RGB 62 44 6	#3E2C06

#4D4A40 #4A4536 #48402C #453B23 #433619 #40310F #3E2C06

#4D4A40 - #3E2C06

HSV Blend

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

0.0%	0.0% #4D4A40	RGB 77 74 64	#4D4A40
16.7%	16.7% #4A4534	RGB 74 69 52	#4A4534
33.3%	33.3% #48402A	RGB 72 64 42	#48402A
50.0%	50.0% #453B20	RGB 69 59 32	#453B20
66.7%	66.7% #433616	RGB 67 54 22	#433616
83.3%	83.3% #40310E	RGB 64 49 14	#40310E
100.0%	100.0% #3E2C06	RGB 62 44 6	#3E2C06

#4D4A40 #4A4534 #48402A #453B20 #433616 #40310E #3E2C06

#4D4A40 - #453B20 - #3E2C06

CSS codes

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

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