#4F7E3C - #202D0D | 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 #4F7E3C to #202D0D

#4F7E3C #202D0D

Calculate the color between two colors, #4F7E3C and #202D0D. 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)

#4F7E3C - #202D0D | 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 #4F7E3C as 0% and #202D0D as 100%.

0.0%	0.0% #4F7E3C	RGB 79 126 60	#4F7E3C
16.7%	16.7% #477034	RGB 71 112 52	#477034
33.3%	33.3% #3F632C	RGB 63 99 44	#3F632C
50.0%	50.0% #375524	RGB 55 85 36	#375524
66.7%	66.7% #2F481C	RGB 47 72 28	#2F481C
83.3%	83.3% #273A14	RGB 39 58 20	#273A14
100.0%	100.0% #202D0D	RGB 32 45 13	#202D0D

#4F7E3C #477034 #3F632C #375524 #2F481C #273A14 #202D0D

#4F7E3C - #202D0D

HSV Blend

#4F7E3C - #202D0D | 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 #4F7E3C as 0% and #202D0D as 100%.

0.0%	0.0% #4F7E3C	RGB 79 126 60	#4F7E3C
16.7%	16.7% #477032	RGB 71 112 50	#477032
33.3%	33.3% #3F6328	RGB 63 99 40	#3F6328
50.0%	50.0% #375520	RGB 55 85 32	#375520
66.7%	66.7% #304819	RGB 48 72 25	#304819
83.3%	83.3% #283A12	RGB 40 58 18	#283A12
100.0%	100.0% #202D0D	RGB 32 45 13	#202D0D

#4F7E3C #477032 #3F6328 #375520 #304819 #283A12 #202D0D

#4F7E3C - #375520 - #202D0D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4F7E3C 0%, #375520 50%, #202D0D 100%);
    background: -webkit-linear-gradient(top, #4F7E3C 0%, #375520 50%, #202D0D 100%);
    background: linear-gradient(to bottom, #4F7E3C 0%, #375520 50%, #202D0D 100%);
}
</style>