#ADDC4C - #68AD16 | 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 #ADDC4C to #68AD16

#ADDC4C #68AD16

Calculate the color between two colors, #ADDC4C and #68AD16. 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)

#ADDC4C - #68AD16 | 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 #ADDC4C as 0% and #68AD16 as 100%.

0.0%	0.0% #ADDC4C	RGB 173 220 76	#ADDC4C
16.7%	16.7% #A1D443	RGB 161 212 67	#A1D443
33.3%	33.3% #96CC3A	RGB 150 204 58	#96CC3A
50.0%	50.0% #8AC431	RGB 138 196 49	#8AC431
66.7%	66.7% #7FBC28	RGB 127 188 40	#7FBC28
83.3%	83.3% #73B41F	RGB 115 180 31	#73B41F
100.0%	100.0% #68AD16	RGB 104 173 22	#68AD16

#ADDC4C #A1D443 #96CC3A #8AC431 #7FBC28 #73B41F #68AD16

#ADDC4C - #68AD16

HSV Blend

#ADDC4C - #68AD16 | 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 #ADDC4C as 0% and #68AD16 as 100%.

0.0%	0.0% #ADDC4B	RGB 173 220 75	#ADDC4B
16.7%	16.7% #A1D441	RGB 161 212 65	#A1D441
33.3%	33.3% #95CC37	RGB 149 204 55	#95CC37
50.0%	50.0% #89C42E	RGB 137 196 46	#89C42E
66.7%	66.7% #7EBC25	RGB 126 188 37	#7EBC25
83.3%	83.3% #73B41D	RGB 115 180 29	#73B41D
100.0%	100.0% #68AD16	RGB 104 173 22	#68AD16

#ADDC4B #A1D441 #95CC37 #89C42E #7EBC25 #73B41D #68AD16

#ADDC4C - #89C42E - #68AD16

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADDC4B 0%, #89C42E 50%, #68AD16 100%);
    background: -webkit-linear-gradient(top, #ADDC4B 0%, #89C42E 50%, #68AD16 100%);
    background: linear-gradient(to bottom, #ADDC4B 0%, #89C42E 50%, #68AD16 100%);
}
</style>