#076D00 - #B8D5B6 | 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 #076D00 to #B8D5B6

#076D00 #B8D5B6

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

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

0.0%	0.0% #076D00	RGB 7 109 0	#076D00
16.7%	16.7% #247E1E	RGB 36 126 30	#247E1E
33.3%	33.3% #428F3C	RGB 66 143 60	#428F3C
50.0%	50.0% #5FA15B	RGB 95 161 91	#5FA15B
66.7%	66.7% #7DB279	RGB 125 178 121	#7DB279
83.3%	83.3% #9AC397	RGB 154 195 151	#9AC397
100.0%	100.0% #B8D5B6	RGB 184 213 182	#B8D5B6

#076D00 #247E1E #428F3C #5FA15B #7DB279 #9AC397 #B8D5B6

#076D00 - #B8D5B6

HSV Blend

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

0.0%	0.0% #076D00	RGB 7 109 0	#076D00
16.7%	16.7% #187E11	RGB 24 126 17	#187E11
33.3%	33.3% #2F8F28	RGB 47 143 40	#2F8F28
50.0%	50.0% #4AA144	RGB 74 161 68	#4AA144
66.7%	66.7% #6AB265	RGB 106 178 101	#6AB265
83.3%	83.3% #8EC38B	RGB 142 195 139	#8EC38B
100.0%	100.0% #B8D5B6	RGB 184 213 182	#B8D5B6

#076D00 #187E11 #2F8F28 #4AA144 #6AB265 #8EC38B #B8D5B6

#076D00 - #4AA144 - #B8D5B6

CSS codes

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

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