#4D5E49 - #1B4108 | 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 #4D5E49 to #1B4108

#4D5E49 #1B4108

Calculate the color between two colors, #4D5E49 and #1B4108. 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)

#4D5E49 - #1B4108 | 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 #4D5E49 as 0% and #1B4108 as 100%.

0.0%	0.0% #4D5E49	RGB 77 94 73	#4D5E49
16.7%	16.7% #44593E	RGB 68 89 62	#44593E
33.3%	33.3% #3C5433	RGB 60 84 51	#3C5433
50.0%	50.0% #344F28	RGB 52 79 40	#344F28
66.7%	66.7% #2B4A1D	RGB 43 74 29	#2B4A1D
83.3%	83.3% #234512	RGB 35 69 18	#234512
100.0%	100.0% #1B4108	RGB 27 65 8	#1B4108

#4D5E49 #44593E #3C5433 #344F28 #2B4A1D #234512 #1B4108

#4D5E49 - #1B4108

HSV Blend

#4D5E49 - #1B4108 | 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 #4D5E49 as 0% and #1B4108 as 100%.

0.0%	0.0% #4D5E49	RGB 77 94 73	#4D5E49
16.7%	16.7% #41593B	RGB 65 89 59	#41593B
33.3%	33.3% #37542F	RGB 55 84 47	#37542F
50.0%	50.0% #2F4F23	RGB 47 79 35	#2F4F23
66.7%	66.7% #274A19	RGB 39 74 25	#274A19
83.3%	83.3% #204510	RGB 32 69 16	#204510
100.0%	100.0% #1B4108	RGB 27 65 8	#1B4108

#4D5E49 #41593B #37542F #2F4F23 #274A19 #204510 #1B4108

#4D5E49 - #2F4F23 - #1B4108

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D5E49 0%, #2F4F23 50%, #1B4108 100%);
    background: -webkit-linear-gradient(top, #4D5E49 0%, #2F4F23 50%, #1B4108 100%);
    background: linear-gradient(to bottom, #4D5E49 0%, #2F4F23 50%, #1B4108 100%);
}
</style>