#00800B - #B6DAB9 | 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 #00800B to #B6DAB9

#00800B #B6DAB9

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

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

0.0%	0.0% #00800B	RGB 0 128 11	#00800B
16.7%	16.7% #1E8F28	RGB 30 143 40	#1E8F28
33.3%	33.3% #3C9E45	RGB 60 158 69	#3C9E45
50.0%	50.0% #5BAD62	RGB 91 173 98	#5BAD62
66.7%	66.7% #79BC7F	RGB 121 188 127	#79BC7F
83.3%	83.3% #97CB9C	RGB 151 203 156	#97CB9C
100.0%	100.0% #B6DAB9	RGB 182 218 185	#B6DAB9

#00800B #1E8F28 #3C9E45 #5BAD62 #79BC7F #97CB9C #B6DAB9

#00800B - #B6DAB9

HSV Blend

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

0.0%	0.0% #00800B	RGB 0 128 11	#00800B
16.7%	16.7% #138F1E	RGB 19 143 30	#138F1E
33.3%	33.3% #2B9E35	RGB 43 158 53	#2B9E35
50.0%	50.0% #48AD50	RGB 72 173 80	#48AD50
66.7%	66.7% #68BC6F	RGB 104 188 111	#68BC6F
83.3%	83.3% #8DCB92	RGB 141 203 146	#8DCB92
100.0%	100.0% #B6DAB9	RGB 182 218 185	#B6DAB9

#00800B #138F1E #2B9E35 #48AD50 #68BC6F #8DCB92 #B6DAB9

#00800B - #48AD50 - #B6DAB9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00800B 0%, #48AD50 50%, #B6DAB9 100%);
    background: -webkit-linear-gradient(top, #00800B 0%, #48AD50 50%, #B6DAB9 100%);
    background: linear-gradient(to bottom, #00800B 0%, #48AD50 50%, #B6DAB9 100%);
}
</style>