#00962B - #002A0C | 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 #00962B to #002A0C

#00962B #002A0C

Calculate the color between two colors, #00962B and #002A0C. 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)

#00962B - #002A0C | 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 #00962B as 0% and #002A0C as 100%.

0.0%	0.0% #00962B	RGB 0 150 43	#00962B
16.7%	16.7% #008425	RGB 0 132 37	#008425
33.3%	33.3% #007220	RGB 0 114 32	#007220
50.0%	50.0% #00601B	RGB 0 96 27	#00601B
66.7%	66.7% #004E16	RGB 0 78 22	#004E16
83.3%	83.3% #003C11	RGB 0 60 17	#003C11
100.0%	100.0% #002A0C	RGB 0 42 12	#002A0C

#00962B #008425 #007220 #00601B #004E16 #003C11 #002A0C

#00962B - #002A0C

HSV Blend

#00962B - #002A0C | 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 #00962B as 0% and #002A0C as 100%.

0.0%	0.0% #00962B	RGB 0 150 43	#00962B
16.7%	16.7% #008425	RGB 0 132 37	#008425
33.3%	33.3% #007220	RGB 0 114 32	#007220
50.0%	50.0% #00601B	RGB 0 96 27	#00601B
66.7%	66.7% #004E16	RGB 0 78 22	#004E16
83.3%	83.3% #003C11	RGB 0 60 17	#003C11
100.0%	100.0% #002A0C	RGB 0 42 12	#002A0C

#00962B #008425 #007220 #00601B #004E16 #003C11 #002A0C

#00962B - #00601B - #002A0C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00962B 0%, #00601B 50%, #002A0C 100%);
    background: -webkit-linear-gradient(top, #00962B 0%, #00601B 50%, #002A0C 100%);
    background: linear-gradient(to bottom, #00962B 0%, #00601B 50%, #002A0C 100%);
}
</style>