#076B00 - #B9D4B6 | 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 #076B00 to #B9D4B6

#076B00 #B9D4B6

Calculate the color between two colors, #076B00 and #B9D4B6. 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)

#076B00 - #B9D4B6 | 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 #076B00 as 0% and #B9D4B6 as 100%.

0.0%	0.0% #076B00	RGB 7 107 0	#076B00
16.7%	16.7% #247C1E	RGB 36 124 30	#247C1E
33.3%	33.3% #428E3C	RGB 66 142 60	#428E3C
50.0%	50.0% #609F5B	RGB 96 159 91	#609F5B
66.7%	66.7% #7DB179	RGB 125 177 121	#7DB179
83.3%	83.3% #9BC297	RGB 155 194 151	#9BC297
100.0%	100.0% #B9D4B6	RGB 185 212 182	#B9D4B6

#076B00 #247C1E #428E3C #609F5B #7DB179 #9BC297 #B9D4B6

#076B00 - #B9D4B6

HSV Blend

#076B00 - #B9D4B6 | 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 #076B00 as 0% and #B9D4B6 as 100%.

0.0%	0.0% #076B00	RGB 7 107 0	#076B00
16.7%	16.7% #197C11	RGB 25 124 17	#197C11
33.3%	33.3% #308E28	RGB 48 142 40	#308E28
50.0%	50.0% #4B9F44	RGB 75 159 68	#4B9F44
66.7%	66.7% #6BB165	RGB 107 177 101	#6BB165
83.3%	83.3% #90C28B	RGB 144 194 139	#90C28B
100.0%	100.0% #B9D4B6	RGB 185 212 182	#B9D4B6

#076B00 #197C11 #308E28 #4B9F44 #6BB165 #90C28B #B9D4B6

#076B00 - #4B9F44 - #B9D4B6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #076B00 0%, #4B9F44 50%, #B9D4B6 100%);
    background: -webkit-linear-gradient(top, #076B00 0%, #4B9F44 50%, #B9D4B6 100%);
    background: linear-gradient(to bottom, #076B00 0%, #4B9F44 50%, #B9D4B6 100%);
}
</style>