#2DDB7D - #4DFF66 | 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 #2DDB7D to #4DFF66

#2DDB7D #4DFF66

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

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

0.0%	0.0% #2DDB7D	RGB 45 219 125	#2DDB7D
16.7%	16.7% #32E179	RGB 50 225 121	#32E179
33.3%	33.3% #37E775	RGB 55 231 117	#37E775
50.0%	50.0% #3DED71	RGB 61 237 113	#3DED71
66.7%	66.7% #42F36D	RGB 66 243 109	#42F36D
83.3%	83.3% #47F969	RGB 71 249 105	#47F969
100.0%	100.0% #4DFF66	RGB 77 255 102	#4DFF66

#2DDB7D #32E179 #37E775 #3DED71 #42F36D #47F969 #4DFF66

#2DDB7D - #4DFF66

HSV Blend

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

0.0%	0.0% #2DDB7C	RGB 45 219 124	#2DDB7C
16.7%	16.7% #31E179	RGB 49 225 121	#31E179
33.3%	33.3% #36E775	RGB 54 231 117	#36E775
50.0%	50.0% #3CED71	RGB 60 237 113	#3CED71
66.7%	66.7% #41F36D	RGB 65 243 109	#41F36D
83.3%	83.3% #47F969	RGB 71 249 105	#47F969
100.0%	100.0% #4DFF66	RGB 77 255 102	#4DFF66

#2DDB7C #31E179 #36E775 #3CED71 #41F36D #47F969 #4DFF66

#2DDB7D - #3CED71 - #4DFF66

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2DDB7C 0%, #3CED71 50%, #4DFF66 100%);
    background: -webkit-linear-gradient(top, #2DDB7C 0%, #3CED71 50%, #4DFF66 100%);
    background: linear-gradient(to bottom, #2DDB7C 0%, #3CED71 50%, #4DFF66 100%);
}
</style>