#52AB5E - #1A6835 | 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 #52AB5E to #1A6835

#52AB5E #1A6835

Calculate the color between two colors, #52AB5E and #1A6835. 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)

#52AB5E - #1A6835 | 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 #52AB5E as 0% and #1A6835 as 100%.

0.0%	0.0% #52AB5E	RGB 82 171 94	#52AB5E
16.7%	16.7% #489F57	RGB 72 159 87	#489F57
33.3%	33.3% #3F9450	RGB 63 148 80	#3F9450
50.0%	50.0% #368949	RGB 54 137 73	#368949
66.7%	66.7% #2C7E42	RGB 44 126 66	#2C7E42
83.3%	83.3% #23733B	RGB 35 115 59	#23733B
100.0%	100.0% #1A6835	RGB 26 104 53	#1A6835

#52AB5E #489F57 #3F9450 #368949 #2C7E42 #23733B #1A6835

#52AB5E - #1A6835

HSV Blend

#52AB5E - #1A6835 | 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 #52AB5E as 0% and #1A6835 as 100%.

0.0%	0.0% #52AB5E	RGB 82 171 94	#52AB5E
16.7%	16.7% #469F55	RGB 70 159 85	#469F55
33.3%	33.3% #3B944E	RGB 59 148 78	#3B944E
50.0%	50.0% #328947	RGB 50 137 71	#328947
66.7%	66.7% #297E40	RGB 41 126 64	#297E40
83.3%	83.3% #21733A	RGB 33 115 58	#21733A
100.0%	100.0% #1A6835	RGB 26 104 53	#1A6835

#52AB5E #469F55 #3B944E #328947 #297E40 #21733A #1A6835

#52AB5E - #328947 - #1A6835

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #52AB5E 0%, #328947 50%, #1A6835 100%);
    background: -webkit-linear-gradient(top, #52AB5E 0%, #328947 50%, #1A6835 100%);
    background: linear-gradient(to bottom, #52AB5E 0%, #328947 50%, #1A6835 100%);
}
</style>