#2D7614 - #4CCD5A | 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 #2D7614 to #4CCD5A

#2D7614 #4CCD5A

Calculate the color between two colors, #2D7614 and #4CCD5A. 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)

#2D7614 - #4CCD5A | 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 #2D7614 as 0% and #4CCD5A as 100%.

0.0%	0.0% #2D7614	RGB 45 118 20	#2D7614
16.7%	16.7% #32841F	RGB 50 132 31	#32841F
33.3%	33.3% #37932B	RGB 55 147 43	#37932B
50.0%	50.0% #3CA137	RGB 60 161 55	#3CA137
66.7%	66.7% #41B042	RGB 65 176 66	#41B042
83.3%	83.3% #46BE4E	RGB 70 190 78	#46BE4E
100.0%	100.0% #4CCD5A	RGB 76 205 90	#4CCD5A

#2D7614 #32841F #37932B #3CA137 #41B042 #46BE4E #4CCD5A

#2D7614 - #4CCD5A

HSV Blend

#2D7614 - #4CCD5A | 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 #2D7614 as 0% and #4CCD5A as 100%.

0.0%	0.0% #2C7614	RGB 44 118 20	#2C7614
16.7%	16.7% #2F841A	RGB 47 132 26	#2F841A
33.3%	33.3% #319322	RGB 49 147 34	#319322
50.0%	50.0% #34A12B	RGB 52 161 43	#34A12B
66.7%	66.7% #36B035	RGB 54 176 53	#36B035
83.3%	83.3% #40BE46	RGB 64 190 70	#40BE46
100.0%	100.0% #4CCD5A	RGB 76 205 90	#4CCD5A

#2C7614 #2F841A #319322 #34A12B #36B035 #40BE46 #4CCD5A

#2D7614 - #34A12B - #4CCD5A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2C7614 0%, #34A12B 50%, #4CCD5A 100%);
    background: -webkit-linear-gradient(top, #2C7614 0%, #34A12B 50%, #4CCD5A 100%);
    background: linear-gradient(to bottom, #2C7614 0%, #34A12B 50%, #4CCD5A 100%);
}
</style>