#00761A - #9FDD5E | 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 #00761A to #9FDD5E

#00761A #9FDD5E

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

#00761A - #9FDD5E | 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 #00761A as 0% and #9FDD5E as 100%.

0.0%	0.0% #00761A	RGB 0 118 26	#00761A
16.7%	16.7% #1A8725	RGB 26 135 37	#1A8725
33.3%	33.3% #359830	RGB 53 152 48	#359830
50.0%	50.0% #4FA93C	RGB 79 169 60	#4FA93C
66.7%	66.7% #6ABA47	RGB 106 186 71	#6ABA47
83.3%	83.3% #84CB52	RGB 132 203 82	#84CB52
100.0%	100.0% #9FDD5E	RGB 159 221 94	#9FDD5E

#00761A #1A8725 #359830 #4FA93C #6ABA47 #84CB52 #9FDD5E

#00761A - #9FDD5E

HSV Blend

#00761A - #9FDD5E | 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 #00761A as 0% and #9FDD5E as 100%.

0.0%	0.0% #00761A	RGB 0 118 26	#00761A
16.7%	16.7% #098715	RGB 9 135 21	#098715
33.3%	33.3% #189815	RGB 24 152 21	#189815
50.0%	50.0% #37A924	RGB 55 169 36	#37A924
66.7%	66.7% #58BA34	RGB 88 186 52	#58BA34
83.3%	83.3% #7BCB48	RGB 123 203 72	#7BCB48
100.0%	100.0% #9FDD5E	RGB 159 221 94	#9FDD5E

#00761A #098715 #189815 #37A924 #58BA34 #7BCB48 #9FDD5E

#00761A - #37A924 - #9FDD5E

CSS codes

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

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