#76AD5E - #2B6D16 | 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 #76AD5E to #2B6D16

#76AD5E #2B6D16

Calculate the color between two colors, #76AD5E and #2B6D16. 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)

#76AD5E - #2B6D16 | 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 #76AD5E as 0% and #2B6D16 as 100%.

0.0%	0.0% #76AD5E	RGB 118 173 94	#76AD5E
16.7%	16.7% #69A252	RGB 105 162 82	#69A252
33.3%	33.3% #5D9746	RGB 93 151 70	#5D9746
50.0%	50.0% #508D3A	RGB 80 141 58	#508D3A
66.7%	66.7% #44822E	RGB 68 130 46	#44822E
83.3%	83.3% #377722	RGB 55 119 34	#377722
100.0%	100.0% #2B6D16	RGB 43 109 22	#2B6D16

#76AD5E #69A252 #5D9746 #508D3A #44822E #377722 #2B6D16

#76AD5E - #2B6D16

HSV Blend

#76AD5E - #2B6D16 | 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 #76AD5E as 0% and #2B6D16 as 100%.

0.0%	0.0% #76AD5E	RGB 118 173 94	#76AD5E
16.7%	16.7% #67A24E	RGB 103 162 78	#67A24E
33.3%	33.3% #599741	RGB 89 151 65	#599741
50.0%	50.0% #4C8D34	RGB 76 141 52	#4C8D34
66.7%	66.7% #408229	RGB 64 130 41	#408229
83.3%	83.3% #35771E	RGB 53 119 30	#35771E
100.0%	100.0% #2B6D16	RGB 43 109 22	#2B6D16

#76AD5E #67A24E #599741 #4C8D34 #408229 #35771E #2B6D16

#76AD5E - #4C8D34 - #2B6D16

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #76AD5E 0%, #4C8D34 50%, #2B6D16 100%);
    background: -webkit-linear-gradient(top, #76AD5E 0%, #4C8D34 50%, #2B6D16 100%);
    background: linear-gradient(to bottom, #76AD5E 0%, #4C8D34 50%, #2B6D16 100%);
}
</style>