#4D4C2D - #372B04 | 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 #4D4C2D to #372B04

#4D4C2D #372B04

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

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

0.0%	0.0% #4D4C2D	RGB 77 76 45	#4D4C2D
16.7%	16.7% #494626	RGB 73 70 38	#494626
33.3%	33.3% #45411F	RGB 69 65 31	#45411F
50.0%	50.0% #423B18	RGB 66 59 24	#423B18
66.7%	66.7% #3E3611	RGB 62 54 17	#3E3611
83.3%	83.3% #3A300A	RGB 58 48 10	#3A300A
100.0%	100.0% #372B04	RGB 55 43 4	#372B04

#4D4C2D #494626 #45411F #423B18 #3E3611 #3A300A #372B04

#4D4C2D - #372B04

HSV Blend

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

0.0%	0.0% #4D4C2D	RGB 77 76 45	#4D4C2D
16.7%	16.7% #494624	RGB 73 70 36	#494624
33.3%	33.3% #45411C	RGB 69 65 28	#45411C
50.0%	50.0% #423C15	RGB 66 60 21	#423C15
66.7%	66.7% #3E360F	RGB 62 54 15	#3E360F
83.3%	83.3% #3A3009	RGB 58 48 9	#3A3009
100.0%	100.0% #372B04	RGB 55 43 4	#372B04

#4D4C2D #494624 #45411C #423C15 #3E360F #3A3009 #372B04

#4D4C2D - #423C15 - #372B04

CSS codes

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

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