#2F5E2F - #52CD50 | 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 #2F5E2F to #52CD50

#2F5E2F #52CD50

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

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

0.0%	0.0% #2F5E2F	RGB 47 94 47	#2F5E2F
16.7%	16.7% #347034	RGB 52 112 52	#347034
33.3%	33.3% #3A833A	RGB 58 131 58	#3A833A
50.0%	50.0% #40953F	RGB 64 149 63	#40953F
66.7%	66.7% #46A845	RGB 70 168 69	#46A845
83.3%	83.3% #4CBA4A	RGB 76 186 74	#4CBA4A
100.0%	100.0% #52CD50	RGB 82 205 80	#52CD50

#2F5E2F #347034 #3A833A #40953F #46A845 #4CBA4A #52CD50

#2F5E2F - #52CD50

HSV Blend

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

0.0%	0.0% #2F5E2F	RGB 47 94 47	#2F5E2F
16.7%	16.7% #367036	RGB 54 112 54	#367036
33.3%	33.3% #3D833C	RGB 61 131 60	#3D833C
50.0%	50.0% #439542	RGB 67 149 66	#439542
66.7%	66.7% #48A847	RGB 72 168 71	#48A847
83.3%	83.3% #4DBA4C	RGB 77 186 76	#4DBA4C
100.0%	100.0% #52CD50	RGB 82 205 80	#52CD50

#2F5E2F #367036 #3D833C #439542 #48A847 #4DBA4C #52CD50

#2F5E2F - #439542 - #52CD50

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F5E2F 0%, #439542 50%, #52CD50 100%);
    background: -webkit-linear-gradient(top, #2F5E2F 0%, #439542 50%, #52CD50 100%);
    background: linear-gradient(to bottom, #2F5E2F 0%, #439542 50%, #52CD50 100%);
}
</style>