#7D8D76 - #2F5E2E | 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 #7D8D76 to #2F5E2E

#7D8D76 #2F5E2E

Calculate the color between two colors, #7D8D76 and #2F5E2E. 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)

#7D8D76 - #2F5E2E | 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 #7D8D76 as 0% and #2F5E2E as 100%.

0.0%	0.0% #7D8D76	RGB 125 141 118	#7D8D76
16.7%	16.7% #70856A	RGB 112 133 106	#70856A
33.3%	33.3% #637D5E	RGB 99 125 94	#637D5E
50.0%	50.0% #567552	RGB 86 117 82	#567552
66.7%	66.7% #496D46	RGB 73 109 70	#496D46
83.3%	83.3% #3C653A	RGB 60 101 58	#3C653A
100.0%	100.0% #2F5E2E	RGB 47 94 46	#2F5E2E

#7D8D76 #70856A #637D5E #567552 #496D46 #3C653A #2F5E2E

#7D8D76 - #2F5E2E

HSV Blend

#7D8D76 - #2F5E2E | 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 #7D8D76 as 0% and #2F5E2E as 100%.

0.0%	0.0% #7D8D76	RGB 125 141 118	#7D8D76
16.7%	16.7% #6F8567	RGB 111 133 103	#6F8567
33.3%	33.3% #617D5A	RGB 97 125 90	#617D5A
50.0%	50.0% #54754D	RGB 84 117 77	#54754D
66.7%	66.7% #476D42	RGB 71 109 66	#476D42
83.3%	83.3% #3A6537	RGB 58 101 55	#3A6537
100.0%	100.0% #2F5E2E	RGB 47 94 46	#2F5E2E

#7D8D76 #6F8567 #617D5A #54754D #476D42 #3A6537 #2F5E2E

#7D8D76 - #54754D - #2F5E2E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7D8D76 0%, #54754D 50%, #2F5E2E 100%);
    background: -webkit-linear-gradient(top, #7D8D76 0%, #54754D 50%, #2F5E2E 100%);
    background: linear-gradient(to bottom, #7D8D76 0%, #54754D 50%, #2F5E2E 100%);
}
</style>