#116B11 - #52AB3E | 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 #116B11 to #52AB3E

#116B11 #52AB3E

Calculate the color between two colors, #116B11 and #52AB3E. 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)

#116B11 - #52AB3E | 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 #116B11 as 0% and #52AB3E as 100%.

0.0%	0.0% #116B11	RGB 17 107 17	#116B11
16.7%	16.7% #1B7518	RGB 27 117 24	#1B7518
33.3%	33.3% #268020	RGB 38 128 32	#268020
50.0%	50.0% #318B27	RGB 49 139 39	#318B27
66.7%	66.7% #3C952F	RGB 60 149 47	#3C952F
83.3%	83.3% #47A036	RGB 71 160 54	#47A036
100.0%	100.0% #52AB3E	RGB 82 171 62	#52AB3E

#116B11 #1B7518 #268020 #318B27 #3C952F #47A036 #52AB3E

#116B11 - #52AB3E

HSV Blend

#116B11 - #52AB3E | 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 #116B11 as 0% and #52AB3E as 100%.

0.0%	0.0% #116B11	RGB 17 107 17	#116B11
16.7%	16.7% #197516	RGB 25 117 22	#197516
33.3%	33.3% #23801D	RGB 35 128 29	#23801D
50.0%	50.0% #2D8B24	RGB 45 139 36	#2D8B24
66.7%	66.7% #39952C	RGB 57 149 44	#39952C
83.3%	83.3% #45A034	RGB 69 160 52	#45A034
100.0%	100.0% #52AB3E	RGB 82 171 62	#52AB3E

#116B11 #197516 #23801D #2D8B24 #39952C #45A034 #52AB3E

#116B11 - #2D8B24 - #52AB3E

CSS codes

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

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