#52CC3C - #2D980E | 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 #52CC3C to #2D980E

#52CC3C #2D980E

Calculate the color between two colors, #52CC3C and #2D980E. 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)

#52CC3C - #2D980E | 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 #52CC3C as 0% and #2D980E as 100%.

0.0%	0.0% #52CC3C	RGB 82 204 60	#52CC3C
16.7%	16.7% #4BC334	RGB 75 195 52	#4BC334
33.3%	33.3% #45BA2C	RGB 69 186 44	#45BA2C
50.0%	50.0% #3FB225	RGB 63 178 37	#3FB225
66.7%	66.7% #39A91D	RGB 57 169 29	#39A91D
83.3%	83.3% #33A015	RGB 51 160 21	#33A015
100.0%	100.0% #2D980E	RGB 45 152 14	#2D980E

#52CC3C #4BC334 #45BA2C #3FB225 #39A91D #33A015 #2D980E

#52CC3C - #2D980E

HSV Blend

#52CC3C - #2D980E | 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 #52CC3C as 0% and #2D980E as 100%.

0.0%	0.0% #51CC3C	RGB 81 204 60	#51CC3C
16.7%	16.7% #4AC332	RGB 74 195 50	#4AC332
33.3%	33.3% #43BA2A	RGB 67 186 42	#43BA2A
50.0%	50.0% #3DB222	RGB 61 178 34	#3DB222
66.7%	66.7% #37A91A	RGB 55 169 26	#37A91A
83.3%	83.3% #32A014	RGB 50 160 20	#32A014
100.0%	100.0% #2D980E	RGB 45 152 14	#2D980E

#51CC3C #4AC332 #43BA2A #3DB222 #37A91A #32A014 #2D980E

#52CC3C - #3DB222 - #2D980E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #51CC3C 0%, #3DB222 50%, #2D980E 100%);
    background: -webkit-linear-gradient(top, #51CC3C 0%, #3DB222 50%, #2D980E 100%);
    background: linear-gradient(to bottom, #51CC3C 0%, #3DB222 50%, #2D980E 100%);
}
</style>