#4F5E3C - #1D4F06 | 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 #4F5E3C to #1D4F06

#4F5E3C #1D4F06

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

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

0.0%	0.0% #4F5E3C	RGB 79 94 60	#4F5E3C
16.7%	16.7% #465B33	RGB 70 91 51	#465B33
33.3%	33.3% #3E592A	RGB 62 89 42	#3E592A
50.0%	50.0% #365621	RGB 54 86 33	#365621
66.7%	66.7% #2D5418	RGB 45 84 24	#2D5418
83.3%	83.3% #25510F	RGB 37 81 15	#25510F
100.0%	100.0% #1D4F06	RGB 29 79 6	#1D4F06

#4F5E3C #465B33 #3E592A #365621 #2D5418 #25510F #1D4F06

#4F5E3C - #1D4F06

HSV Blend

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

0.0%	0.0% #4F5E3C	RGB 79 94 60	#4F5E3C
16.7%	16.7% #475B31	RGB 71 91 49	#475B31
33.3%	33.3% #3F5928	RGB 63 89 40	#3F5928
50.0%	50.0% #37561E	RGB 55 86 30	#37561E
66.7%	66.7% #2E5416	RGB 46 84 22	#2E5416
83.3%	83.3% #25510D	RGB 37 81 13	#25510D
100.0%	100.0% #1D4F06	RGB 29 79 6	#1D4F06

#4F5E3C #475B31 #3F5928 #37561E #2E5416 #25510D #1D4F06

#4F5E3C - #37561E - #1D4F06

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4F5E3C 0%, #37561E 50%, #1D4F06 100%);
    background: -webkit-linear-gradient(top, #4F5E3C 0%, #37561E 50%, #1D4F06 100%);
    background: linear-gradient(to bottom, #4F5E3C 0%, #37561E 50%, #1D4F06 100%);
}
</style>