#00963C - #006611 | 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 #00963C to #006611

#00963C #006611

Calculate the color between two colors, #00963C and #006611. 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)

#00963C - #006611 | 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 #00963C as 0% and #006611 as 100%.

0.0%	0.0% #00963C	RGB 0 150 60	#00963C
16.7%	16.7% #008E34	RGB 0 142 52	#008E34
33.3%	33.3% #00862D	RGB 0 134 45	#00862D
50.0%	50.0% #007E26	RGB 0 126 38	#007E26
66.7%	66.7% #00761F	RGB 0 118 31	#00761F
83.3%	83.3% #006E18	RGB 0 110 24	#006E18
100.0%	100.0% #006611	RGB 0 102 17	#006611

#00963C #008E34 #00862D #007E26 #00761F #006E18 #006611

#00963C - #006611

HSV Blend

#00963C - #006611 | 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 #00963C as 0% and #006611 as 100%.

0.0%	0.0% #00963C	RGB 0 150 60	#00963C
16.7%	16.7% #008E33	RGB 0 142 51	#008E33
33.3%	33.3% #00862B	RGB 0 134 43	#00862B
50.0%	50.0% #007E23	RGB 0 126 35	#007E23
66.7%	66.7% #00761C	RGB 0 118 28	#00761C
83.3%	83.3% #006E16	RGB 0 110 22	#006E16
100.0%	100.0% #006611	RGB 0 102 17	#006611

#00963C #008E33 #00862B #007E23 #00761C #006E16 #006611

#00963C - #007E23 - #006611

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00963C 0%, #007E23 50%, #006611 100%);
    background: -webkit-linear-gradient(top, #00963C 0%, #007E23 50%, #006611 100%);
    background: linear-gradient(to bottom, #00963C 0%, #007E23 50%, #006611 100%);
}
</style>