#00761B - #A0DD5E | 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 #00761B to #A0DD5E

#00761B #A0DD5E

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

#00761B - #A0DD5E | 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 #00761B as 0% and #A0DD5E as 100%.

0.0%	0.0% #00761B	RGB 0 118 27	#00761B
16.7%	16.7% #1A8726	RGB 26 135 38	#1A8726
33.3%	33.3% #359831	RGB 53 152 49	#359831
50.0%	50.0% #50A93C	RGB 80 169 60	#50A93C
66.7%	66.7% #6ABA47	RGB 106 186 71	#6ABA47
83.3%	83.3% #85CB52	RGB 133 203 82	#85CB52
100.0%	100.0% #A0DD5E	RGB 160 221 94	#A0DD5E

#00761B #1A8726 #359831 #50A93C #6ABA47 #85CB52 #A0DD5E

#00761B - #A0DD5E

HSV Blend

#00761B - #A0DD5E | 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 #00761B as 0% and #A0DD5E as 100%.

0.0%	0.0% #00761B	RGB 0 118 27	#00761B
16.7%	16.7% #098716	RGB 9 135 22	#098716
33.3%	33.3% #189815	RGB 24 152 21	#189815
50.0%	50.0% #37A924	RGB 55 169 36	#37A924
66.7%	66.7% #59BA34	RGB 89 186 52	#59BA34
83.3%	83.3% #7CCB48	RGB 124 203 72	#7CCB48
100.0%	100.0% #A0DD5E	RGB 160 221 94	#A0DD5E

#00761B #098716 #189815 #37A924 #59BA34 #7CCB48 #A0DD5E

#00761B - #37A924 - #A0DD5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00761B 0%, #37A924 50%, #A0DD5E 100%);
    background: -webkit-linear-gradient(top, #00761B 0%, #37A924 50%, #A0DD5E 100%);
    background: linear-gradient(to bottom, #00761B 0%, #37A924 50%, #A0DD5E 100%);
}
</style>