#00A62E - #002F0C | 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 #00A62E to #002F0C

#00A62E #002F0C

Calculate the color between two colors, #00A62E and #002F0C. 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)

#00A62E - #002F0C | 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 #00A62E as 0% and #002F0C as 100%.

0.0%	0.0% #00A62E	RGB 0 166 46	#00A62E
16.7%	16.7% #009228	RGB 0 146 40	#009228
33.3%	33.3% #007E22	RGB 0 126 34	#007E22
50.0%	50.0% #006A1D	RGB 0 106 29	#006A1D
66.7%	66.7% #005617	RGB 0 86 23	#005617
83.3%	83.3% #004211	RGB 0 66 17	#004211
100.0%	100.0% #002F0C	RGB 0 47 12	#002F0C

#00A62E #009228 #007E22 #006A1D #005617 #004211 #002F0C

#00A62E - #002F0C

HSV Blend

#00A62E - #002F0C | 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 #00A62E as 0% and #002F0C as 100%.

0.0%	0.0% #00A62D	RGB 0 166 45	#00A62D
16.7%	16.7% #009227	RGB 0 146 39	#009227
33.3%	33.3% #007E22	RGB 0 126 34	#007E22
50.0%	50.0% #006A1C	RGB 0 106 28	#006A1C
66.7%	66.7% #005616	RGB 0 86 22	#005616
83.3%	83.3% #004211	RGB 0 66 17	#004211
100.0%	100.0% #002F0C	RGB 0 47 12	#002F0C

#00A62D #009227 #007E22 #006A1C #005616 #004211 #002F0C

#00A62E - #006A1C - #002F0C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A62D 0%, #006A1C 50%, #002F0C 100%);
    background: -webkit-linear-gradient(top, #00A62D 0%, #006A1C 50%, #002F0C 100%);
    background: linear-gradient(to bottom, #00A62D 0%, #006A1C 50%, #002F0C 100%);
}
</style>