#076B2E - #B8D4C2 | 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 #076B2E to #B8D4C2

#076B2E #B8D4C2

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

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

0.0%	0.0% #076B2E	RGB 7 107 46	#076B2E
16.7%	16.7% #247C46	RGB 36 124 70	#247C46
33.3%	33.3% #428E5F	RGB 66 142 95	#428E5F
50.0%	50.0% #5F9F78	RGB 95 159 120	#5F9F78
66.7%	66.7% #7DB190	RGB 125 177 144	#7DB190
83.3%	83.3% #9AC2A9	RGB 154 194 169	#9AC2A9
100.0%	100.0% #B8D4C2	RGB 184 212 194	#B8D4C2

#076B2E #247C46 #428E5F #5F9F78 #7DB190 #9AC2A9 #B8D4C2

#076B2E - #B8D4C2

HSV Blend

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

0.0%	0.0% #076B2E	RGB 7 107 46	#076B2E
16.7%	16.7% #187C3F	RGB 24 124 63	#187C3F
33.3%	33.3% #2F8E53	RGB 47 142 83	#2F8E53
50.0%	50.0% #4A9F6A	RGB 74 159 106	#4A9F6A
66.7%	66.7% #6AB184	RGB 106 177 132	#6AB184
83.3%	83.3% #8EC2A1	RGB 142 194 161	#8EC2A1
100.0%	100.0% #B8D4C2	RGB 184 212 194	#B8D4C2

#076B2E #187C3F #2F8E53 #4A9F6A #6AB184 #8EC2A1 #B8D4C2

#076B2E - #4A9F6A - #B8D4C2

CSS codes

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

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