#005512 - #6EAF5E | 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 #005512 to #6EAF5E

#005512 #6EAF5E

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

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

0.0%	0.0% #005512	RGB 0 85 18	#005512
16.7%	16.7% #12641E	RGB 18 100 30	#12641E
33.3%	33.3% #24732B	RGB 36 115 43	#24732B
50.0%	50.0% #378238	RGB 55 130 56	#378238
66.7%	66.7% #499144	RGB 73 145 68	#499144
83.3%	83.3% #5BA051	RGB 91 160 81	#5BA051
100.0%	100.0% #6EAF5E	RGB 110 175 94	#6EAF5E

#005512 #12641E #24732B #378238 #499144 #5BA051 #6EAF5E

#005512 - #6EAF5E

HSV Blend

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

0.0%	0.0% #005512	RGB 0 85 18	#005512
16.7%	16.7% #086416	RGB 8 100 22	#086416
33.3%	33.3% #14731B	RGB 20 115 27	#14731B
50.0%	50.0% #228223	RGB 34 130 35	#228223
66.7%	66.7% #399133	RGB 57 145 51	#399133
83.3%	83.3% #53A047	RGB 83 160 71	#53A047
100.0%	100.0% #6EAF5E	RGB 110 175 94	#6EAF5E

#005512 #086416 #14731B #228223 #399133 #53A047 #6EAF5E

#005512 - #228223 - #6EAF5E

CSS codes

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

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