#005516 - #6AAF5E | 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 #005516 to #6AAF5E

#005516 #6AAF5E

Calculate the color between two colors, #005516 and #6AAF5E. 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)

#005516 - #6AAF5E | 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 #005516 as 0% and #6AAF5E as 100%.

0.0%	0.0% #005516	RGB 0 85 22	#005516
16.7%	16.7% #116422	RGB 17 100 34	#116422
33.3%	33.3% #23732E	RGB 35 115 46	#23732E
50.0%	50.0% #35823A	RGB 53 130 58	#35823A
66.7%	66.7% #469146	RGB 70 145 70	#469146
83.3%	83.3% #58A052	RGB 88 160 82	#58A052
100.0%	100.0% #6AAF5E	RGB 106 175 94	#6AAF5E

#005516 #116422 #23732E #35823A #469146 #58A052 #6AAF5E

#005516 - #6AAF5E

HSV Blend

#005516 - #6AAF5E | 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 #005516 as 0% and #6AAF5E as 100%.

0.0%	0.0% #005516	RGB 0 85 22	#005516
16.7%	16.7% #08641A	RGB 8 100 26	#08641A
33.3%	33.3% #147320	RGB 20 115 32	#147320
50.0%	50.0% #228228	RGB 34 130 40	#228228
66.7%	66.7% #359133	RGB 53 145 51	#359133
83.3%	83.3% #4EA047	RGB 78 160 71	#4EA047
100.0%	100.0% #6AAF5E	RGB 106 175 94	#6AAF5E

#005516 #08641A #147320 #228228 #359133 #4EA047 #6AAF5E

#005516 - #228228 - #6AAF5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #005516 0%, #228228 50%, #6AAF5E 100%);
    background: -webkit-linear-gradient(top, #005516 0%, #228228 50%, #6AAF5E 100%);
    background: linear-gradient(to bottom, #005516 0%, #228228 50%, #6AAF5E 100%);
}
</style>