#959292 - #814B3B | 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 #959292 to #814B3B

#959292 #814B3B

Calculate the color between two colors, #959292 and #814B3B. 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)

#959292 - #814B3B | 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 #959292 as 0% and #814B3B as 100%.

0.0%	0.0% #959292	RGB 149 146 146	#959292
16.7%	16.7% #918683	RGB 145 134 131	#918683
33.3%	33.3% #8E7A75	RGB 142 122 117	#8E7A75
50.0%	50.0% #8B6E66	RGB 139 110 102	#8B6E66
66.7%	66.7% #876258	RGB 135 98 88	#876258
83.3%	83.3% #845649	RGB 132 86 73	#845649
100.0%	100.0% #814B3B	RGB 129 75 59	#814B3B

#959292 #918683 #8E7A75 #8B6E66 #876258 #845649 #814B3B

#959292 - #814B3B

HSV Blend

#959292 - #814B3B | 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 #959292 as 0% and #814B3B as 100%.

0.0%	0.0% #959292	RGB 149 146 146	#959292
16.7%	16.7% #918282	RGB 145 130 130	#918282
33.3%	33.3% #8E7472	RGB 142 116 114	#8E7472
50.0%	50.0% #8B6863	RGB 139 104 99	#8B6863
66.7%	66.7% #875D55	RGB 135 93 85	#875D55
83.3%	83.3% #845348	RGB 132 83 72	#845348
100.0%	100.0% #814B3B	RGB 129 75 59	#814B3B

#959292 #918282 #8E7472 #8B6863 #875D55 #845348 #814B3B

#959292 - #8B6863 - #814B3B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #959292 0%, #8B6863 50%, #814B3B 100%);
    background: -webkit-linear-gradient(top, #959292 0%, #8B6863 50%, #814B3B 100%);
    background: linear-gradient(to bottom, #959292 0%, #8B6863 50%, #814B3B 100%);
}
</style>