#4D4B2D - #372A04 | 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 #4D4B2D to #372A04

#4D4B2D #372A04

Calculate the color between two colors, #4D4B2D and #372A04. 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)

#4D4B2D - #372A04 | 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 #4D4B2D as 0% and #372A04 as 100%.

0.0%	0.0% #4D4B2D	RGB 77 75 45	#4D4B2D
16.7%	16.7% #494526	RGB 73 69 38	#494526
33.3%	33.3% #45401F	RGB 69 64 31	#45401F
50.0%	50.0% #423A18	RGB 66 58 24	#423A18
66.7%	66.7% #3E3511	RGB 62 53 17	#3E3511
83.3%	83.3% #3A2F0A	RGB 58 47 10	#3A2F0A
100.0%	100.0% #372A04	RGB 55 42 4	#372A04

#4D4B2D #494526 #45401F #423A18 #3E3511 #3A2F0A #372A04

#4D4B2D - #372A04

HSV Blend

#4D4B2D - #372A04 | 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 #4D4B2D as 0% and #372A04 as 100%.

0.0%	0.0% #4D4B2D	RGB 77 75 45	#4D4B2D
16.7%	16.7% #494524	RGB 73 69 36	#494524
33.3%	33.3% #45401C	RGB 69 64 28	#45401C
50.0%	50.0% #423A15	RGB 66 58 21	#423A15
66.7%	66.7% #3E350F	RGB 62 53 15	#3E350F
83.3%	83.3% #3A2F09	RGB 58 47 9	#3A2F09
100.0%	100.0% #372A04	RGB 55 42 4	#372A04

#4D4B2D #494524 #45401C #423A15 #3E350F #3A2F09 #372A04

#4D4B2D - #423A15 - #372A04

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D4B2D 0%, #423A15 50%, #372A04 100%);
    background: -webkit-linear-gradient(top, #4D4B2D 0%, #423A15 50%, #372A04 100%);
    background: linear-gradient(to bottom, #4D4B2D 0%, #423A15 50%, #372A04 100%);
}
</style>