#4DCF5E - #008D1D | 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 #4DCF5E to #008D1D

#4DCF5E #008D1D

Calculate the color between two colors, #4DCF5E and #008D1D. 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)

#4DCF5E - #008D1D | 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 #4DCF5E as 0% and #008D1D as 100%.

0.0%	0.0% #4DCF5E	RGB 77 207 94	#4DCF5E
16.7%	16.7% #40C453	RGB 64 196 83	#40C453
33.3%	33.3% #33B948	RGB 51 185 72	#33B948
50.0%	50.0% #26AE3D	RGB 38 174 61	#26AE3D
66.7%	66.7% #19A332	RGB 25 163 50	#19A332
83.3%	83.3% #0C9827	RGB 12 152 39	#0C9827
100.0%	100.0% #008D1D	RGB 0 141 29	#008D1D

#4DCF5E #40C453 #33B948 #26AE3D #19A332 #0C9827 #008D1D

#4DCF5E - #008D1D

HSV Blend

#4DCF5E - #008D1D | 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 #4DCF5E as 0% and #008D1D as 100%.

0.0%	0.0% #4DCF5E	RGB 77 207 94	#4DCF5E
16.7%	16.7% #3CC450	RGB 60 196 80	#3CC450
33.3%	33.3% #2DB943	RGB 45 185 67	#2DB943
50.0%	50.0% #20AE38	RGB 32 174 56	#20AE38
66.7%	66.7% #14A32E	RGB 20 163 46	#14A32E
83.3%	83.3% #099824	RGB 9 152 36	#099824
100.0%	100.0% #008D1D	RGB 0 141 29	#008D1D

#4DCF5E #3CC450 #2DB943 #20AE38 #14A32E #099824 #008D1D

#4DCF5E - #20AE38 - #008D1D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4DCF5E 0%, #20AE38 50%, #008D1D 100%);
    background: -webkit-linear-gradient(top, #4DCF5E 0%, #20AE38 50%, #008D1D 100%);
    background: linear-gradient(to bottom, #4DCF5E 0%, #20AE38 50%, #008D1D 100%);
}
</style>