#7F8F5E - #353D1B | 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 #7F8F5E to #353D1B

#7F8F5E #353D1B

Calculate the color between two colors, #7F8F5E and #353D1B. 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)

#7F8F5E - #353D1B | 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 #7F8F5E as 0% and #353D1B as 100%.

0.0%	0.0% #7F8F5E	RGB 127 143 94	#7F8F5E
16.7%	16.7% #728152	RGB 114 129 82	#728152
33.3%	33.3% #667347	RGB 102 115 71	#667347
50.0%	50.0% #5A663C	RGB 90 102 60	#5A663C
66.7%	66.7% #4D5831	RGB 77 88 49	#4D5831
83.3%	83.3% #414A26	RGB 65 74 38	#414A26
100.0%	100.0% #353D1B	RGB 53 61 27	#353D1B

#7F8F5E #728152 #667347 #5A663C #4D5831 #414A26 #353D1B

#7F8F5E - #353D1B

HSV Blend

#7F8F5E - #353D1B | 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 #7F8F5E as 0% and #353D1B as 100%.

0.0%	0.0% #7F8F5E	RGB 127 143 94	#7F8F5E
16.7%	16.7% #728150	RGB 114 129 80	#728150
33.3%	33.3% #657343	RGB 101 115 67	#657343
50.0%	50.0% #596638	RGB 89 102 56	#596638
66.7%	66.7% #4C582D	RGB 76 88 45	#4C582D
83.3%	83.3% #404A23	RGB 64 74 35	#404A23
100.0%	100.0% #353D1B	RGB 53 61 27	#353D1B

#7F8F5E #728150 #657343 #596638 #4C582D #404A23 #353D1B

#7F8F5E - #596638 - #353D1B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7F8F5E 0%, #596638 50%, #353D1B 100%);
    background: -webkit-linear-gradient(top, #7F8F5E 0%, #596638 50%, #353D1B 100%);
    background: linear-gradient(to bottom, #7F8F5E 0%, #596638 50%, #353D1B 100%);
}
</style>