#00960D - #044B0C | 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 #00960D to #044B0C

#00960D #044B0C

Calculate the color between two colors, #00960D and #044B0C. 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)

#00960D - #044B0C | 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 #00960D as 0% and #044B0C as 100%.

0.0%	0.0% #00960D	RGB 0 150 13	#00960D
16.7%	16.7% #00890C	RGB 0 137 12	#00890C
33.3%	33.3% #017D0C	RGB 1 125 12	#017D0C
50.0%	50.0% #02700C	RGB 2 112 12	#02700C
66.7%	66.7% #02640C	RGB 2 100 12	#02640C
83.3%	83.3% #03570C	RGB 3 87 12	#03570C
100.0%	100.0% #044B0C	RGB 4 75 12	#044B0C

#00960D #00890C #017D0C #02700C #02640C #03570C #044B0C

#00960D - #044B0C

HSV Blend

#00960D - #044B0C | 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 #00960D as 0% and #044B0C as 100%.

0.0%	0.0% #00960D	RGB 0 150 13	#00960D
16.7%	16.7% #01890D	RGB 1 137 13	#01890D
33.3%	33.3% #027D0D	RGB 2 125 13	#027D0D
50.0%	50.0% #02700D	RGB 2 112 13	#02700D
66.7%	66.7% #03640D	RGB 3 100 13	#03640D
83.3%	83.3% #03570C	RGB 3 87 12	#03570C
100.0%	100.0% #044B0C	RGB 4 75 12	#044B0C

#00960D #01890D #027D0D #02700D #03640D #03570C #044B0C

#00960D - #02700D - #044B0C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00960D 0%, #02700D 50%, #044B0C 100%);
    background: -webkit-linear-gradient(top, #00960D 0%, #02700D 50%, #044B0C 100%);
    background: linear-gradient(to bottom, #00960D 0%, #02700D 50%, #044B0C 100%);
}
</style>