#989393 - #834B3C | 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 #989393 to #834B3C

#989393 #834B3C

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

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

0.0%	0.0% #989393	RGB 152 147 147	#989393
16.7%	16.7% #948784	RGB 148 135 132	#948784
33.3%	33.3% #917B76	RGB 145 123 118	#917B76
50.0%	50.0% #8D6F67	RGB 141 111 103	#8D6F67
66.7%	66.7% #8A6359	RGB 138 99 89	#8A6359
83.3%	83.3% #86574A	RGB 134 87 74	#86574A
100.0%	100.0% #834B3C	RGB 131 75 60	#834B3C

#989393 #948784 #917B76 #8D6F67 #8A6359 #86574A #834B3C

#989393 - #834B3C

HSV Blend

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

0.0%	0.0% #989393	RGB 152 147 147	#989393
16.7%	16.7% #948383	RGB 148 131 131	#948383
33.3%	33.3% #917573	RGB 145 117 115	#917573
50.0%	50.0% #8D6964	RGB 141 105 100	#8D6964
66.7%	66.7% #8A5D56	RGB 138 93 86	#8A5D56
83.3%	83.3% #865349	RGB 134 83 73	#865349
100.0%	100.0% #834B3C	RGB 131 75 60	#834B3C

#989393 #948383 #917573 #8D6964 #8A5D56 #865349 #834B3C

#989393 - #8D6964 - #834B3C

CSS codes

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

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