#989292 - #834A3C | 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 #989292 to #834A3C

#989292 #834A3C

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

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

0.0%	0.0% #989292	RGB 152 146 146	#989292
16.7%	16.7% #948683	RGB 148 134 131	#948683
33.3%	33.3% #917A75	RGB 145 122 117	#917A75
50.0%	50.0% #8D6E67	RGB 141 110 103	#8D6E67
66.7%	66.7% #8A6258	RGB 138 98 88	#8A6258
83.3%	83.3% #86564A	RGB 134 86 74	#86564A
100.0%	100.0% #834A3C	RGB 131 74 60	#834A3C

#989292 #948683 #917A75 #8D6E67 #8A6258 #86564A #834A3C

#989292 - #834A3C

HSV Blend

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

0.0%	0.0% #989292	RGB 152 146 146	#989292
16.7%	16.7% #948282	RGB 148 130 130	#948282
33.3%	33.3% #917472	RGB 145 116 114	#917472
50.0%	50.0% #8D6864	RGB 141 104 100	#8D6864
66.7%	66.7% #8A5D56	RGB 138 93 86	#8A5D56
83.3%	83.3% #865248	RGB 134 82 72	#865248
100.0%	100.0% #834A3C	RGB 131 74 60	#834A3C

#989292 #948282 #917472 #8D6864 #8A5D56 #865248 #834A3C

#989292 - #8D6864 - #834A3C

CSS codes

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

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