#4D5E41 - #1F3D06 | 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 #4D5E41 to #1F3D06

#4D5E41 #1F3D06

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

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

0.0%	0.0% #4D5E41	RGB 77 94 65	#4D5E41
16.7%	16.7% #455837	RGB 69 88 55	#455837
33.3%	33.3% #3D532D	RGB 61 83 45	#3D532D
50.0%	50.0% #364D23	RGB 54 77 35	#364D23
66.7%	66.7% #2E4819	RGB 46 72 25	#2E4819
83.3%	83.3% #26420F	RGB 38 66 15	#26420F
100.0%	100.0% #1F3D06	RGB 31 61 6	#1F3D06

#4D5E41 #455837 #3D532D #364D23 #2E4819 #26420F #1F3D06

#4D5E41 - #1F3D06

HSV Blend

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

0.0%	0.0% #4D5E41	RGB 77 94 65	#4D5E41
16.7%	16.7% #435834	RGB 67 88 52	#435834
33.3%	33.3% #3A5328	RGB 58 83 40	#3A5328
50.0%	50.0% #324D1E	RGB 50 77 30	#324D1E
66.7%	66.7% #2B4815	RGB 43 72 21	#2B4815
83.3%	83.3% #25420D	RGB 37 66 13	#25420D
100.0%	100.0% #1F3D06	RGB 31 61 6	#1F3D06

#4D5E41 #435834 #3A5328 #324D1E #2B4815 #25420D #1F3D06

#4D5E41 - #324D1E - #1F3D06

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D5E41 0%, #324D1E 50%, #1F3D06 100%);
    background: -webkit-linear-gradient(top, #4D5E41 0%, #324D1E 50%, #1F3D06 100%);
    background: linear-gradient(to bottom, #4D5E41 0%, #324D1E 50%, #1F3D06 100%);
}
</style>