#52AF5E - #196C36 | 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 #52AF5E to #196C36

#52AF5E #196C36

Calculate the color between two colors, #52AF5E and #196C36. 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)

#52AF5E - #196C36 | 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 #52AF5E as 0% and #196C36 as 100%.

0.0%	0.0% #52AF5E	RGB 82 175 94	#52AF5E
16.7%	16.7% #48A357	RGB 72 163 87	#48A357
33.3%	33.3% #3F9850	RGB 63 152 80	#3F9850
50.0%	50.0% #358D4A	RGB 53 141 74	#358D4A
66.7%	66.7% #2C8243	RGB 44 130 67	#2C8243
83.3%	83.3% #22773C	RGB 34 119 60	#22773C
100.0%	100.0% #196C36	RGB 25 108 54	#196C36

#52AF5E #48A357 #3F9850 #358D4A #2C8243 #22773C #196C36

#52AF5E - #196C36

HSV Blend

#52AF5E - #196C36 | 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 #52AF5E as 0% and #196C36 as 100%.

0.0%	0.0% #52AF5D	RGB 82 175 93	#52AF5D
16.7%	16.7% #46A355	RGB 70 163 85	#46A355
33.3%	33.3% #3B984E	RGB 59 152 78	#3B984E
50.0%	50.0% #318D47	RGB 49 141 71	#318D47
66.7%	66.7% #288241	RGB 40 130 65	#288241
83.3%	83.3% #20773B	RGB 32 119 59	#20773B
100.0%	100.0% #196C36	RGB 25 108 54	#196C36

#52AF5D #46A355 #3B984E #318D47 #288241 #20773B #196C36

#52AF5E - #318D47 - #196C36

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #52AF5D 0%, #318D47 50%, #196C36 100%);
    background: -webkit-linear-gradient(top, #52AF5D 0%, #318D47 50%, #196C36 100%);
    background: linear-gradient(to bottom, #52AF5D 0%, #318D47 50%, #196C36 100%);
}
</style>