#076B2D - #B8D4C3 | 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 #076B2D to #B8D4C3

#076B2D #B8D4C3

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

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

0.0%	0.0% #076B2D	RGB 7 107 45	#076B2D
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% #7DB191	RGB 125 177 145	#7DB191
83.3%	83.3% #9AC2AA	RGB 154 194 170	#9AC2AA
100.0%	100.0% #B8D4C3	RGB 184 212 195	#B8D4C3

#076B2D #247C46 #428E5F #5F9F78 #7DB191 #9AC2AA #B8D4C3

#076B2D - #B8D4C3

HSV Blend

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

0.0%	0.0% #076B2D	RGB 7 107 45	#076B2D
16.7%	16.7% #187C3E	RGB 24 124 62	#187C3E
33.3%	33.3% #2F8E53	RGB 47 142 83	#2F8E53
50.0%	50.0% #4A9F6B	RGB 74 159 107	#4A9F6B
66.7%	66.7% #6AB185	RGB 106 177 133	#6AB185
83.3%	83.3% #8EC2A2	RGB 142 194 162	#8EC2A2
100.0%	100.0% #B8D4C3	RGB 184 212 195	#B8D4C3

#076B2D #187C3E #2F8E53 #4A9F6B #6AB185 #8EC2A2 #B8D4C3

#076B2D - #4A9F6B - #B8D4C3

CSS codes

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

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