#00771B - #A2DF5E | 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 #00771B to #A2DF5E

#00771B #A2DF5E

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

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

0.0%	0.0% #00771B	RGB 0 119 27	#00771B
16.7%	16.7% #1B8826	RGB 27 136 38	#1B8826
33.3%	33.3% #369931	RGB 54 153 49	#369931
50.0%	50.0% #51AB3C	RGB 81 171 60	#51AB3C
66.7%	66.7% #6CBC47	RGB 108 188 71	#6CBC47
83.3%	83.3% #87CD52	RGB 135 205 82	#87CD52
100.0%	100.0% #A2DF5E	RGB 162 223 94	#A2DF5E

#00771B #1B8826 #369931 #51AB3C #6CBC47 #87CD52 #A2DF5E

#00771B - #A2DF5E

HSV Blend

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

0.0%	0.0% #00771B	RGB 0 119 27	#00771B
16.7%	16.7% #098816	RGB 9 136 22	#098816
33.3%	33.3% #189915	RGB 24 153 21	#189915
50.0%	50.0% #38AB24	RGB 56 171 36	#38AB24
66.7%	66.7% #5ABC34	RGB 90 188 52	#5ABC34
83.3%	83.3% #7DCD48	RGB 125 205 72	#7DCD48
100.0%	100.0% #A2DF5E	RGB 162 223 94	#A2DF5E

#00771B #098816 #189915 #38AB24 #5ABC34 #7DCD48 #A2DF5E

#00771B - #38AB24 - #A2DF5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00771B 0%, #38AB24 50%, #A2DF5E 100%);
    background: -webkit-linear-gradient(top, #00771B 0%, #38AB24 50%, #A2DF5E 100%);
    background: linear-gradient(to bottom, #00771B 0%, #38AB24 50%, #A2DF5E 100%);
}
</style>