#989595 - #834D3E | 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 #989595 to #834D3E

#989595 #834D3E

Calculate the color between two colors, #989595 and #834D3E. 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)

#989595 - #834D3E | 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 #989595 as 0% and #834D3E as 100%.

0.0%	0.0% #989595	RGB 152 149 149	#989595
16.7%	16.7% #948986	RGB 148 137 134	#948986
33.3%	33.3% #917D78	RGB 145 125 120	#917D78
50.0%	50.0% #8D7169	RGB 141 113 105	#8D7169
66.7%	66.7% #8A655B	RGB 138 101 91	#8A655B
83.3%	83.3% #86594C	RGB 134 89 76	#86594C
100.0%	100.0% #834D3E	RGB 131 77 62	#834D3E

#989595 #948986 #917D78 #8D7169 #8A655B #86594C #834D3E

#989595 - #834D3E

HSV Blend

#989595 - #834D3E | 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 #989595 as 0% and #834D3E as 100%.

0.0%	0.0% #989595	RGB 152 149 149	#989595
16.7%	16.7% #948585	RGB 148 133 133	#948585
33.3%	33.3% #917775	RGB 145 119 117	#917775
50.0%	50.0% #8D6B66	RGB 141 107 102	#8D6B66
66.7%	66.7% #8A5F58	RGB 138 95 88	#8A5F58
83.3%	83.3% #86554B	RGB 134 85 75	#86554B
100.0%	100.0% #834D3E	RGB 131 77 62	#834D3E

#989595 #948585 #917775 #8D6B66 #8A5F58 #86554B #834D3E

#989595 - #8D6B66 - #834D3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #989595 0%, #8D6B66 50%, #834D3E 100%);
    background: -webkit-linear-gradient(top, #989595 0%, #8D6B66 50%, #834D3E 100%);
    background: linear-gradient(to bottom, #989595 0%, #8D6B66 50%, #834D3E 100%);
}
</style>