#4D5E42 - #1F3E06 | 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 #4D5E42 to #1F3E06

#4D5E42 #1F3E06

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

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

0.0%	0.0% #4D5E42	RGB 77 94 66	#4D5E42
16.7%	16.7% #455838	RGB 69 88 56	#455838
33.3%	33.3% #3D532E	RGB 61 83 46	#3D532E
50.0%	50.0% #364E24	RGB 54 78 36	#364E24
66.7%	66.7% #2E481A	RGB 46 72 26	#2E481A
83.3%	83.3% #264310	RGB 38 67 16	#264310
100.0%	100.0% #1F3E06	RGB 31 62 6	#1F3E06

#4D5E42 #455838 #3D532E #364E24 #2E481A #264310 #1F3E06

#4D5E42 - #1F3E06

HSV Blend

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

0.0%	0.0% #4D5E42	RGB 77 94 66	#4D5E42
16.7%	16.7% #435835	RGB 67 88 53	#435835
33.3%	33.3% #3A5329	RGB 58 83 41	#3A5329
50.0%	50.0% #324E1F	RGB 50 78 31	#324E1F
66.7%	66.7% #2B4815	RGB 43 72 21	#2B4815
83.3%	83.3% #24430D	RGB 36 67 13	#24430D
100.0%	100.0% #1F3E06	RGB 31 62 6	#1F3E06

#4D5E42 #435835 #3A5329 #324E1F #2B4815 #24430D #1F3E06

#4D5E42 - #324E1F - #1F3E06

CSS codes

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

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