#9A8D8B - #814835 | 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 #9A8D8B to #814835

#9A8D8B #814835

Calculate the color between two colors, #9A8D8B and #814835. 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)

#9A8D8B - #814835 | 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 #9A8D8B as 0% and #814835 as 100%.

0.0%	0.0% #9A8D8B	RGB 154 141 139	#9A8D8B
16.7%	16.7% #95817C	RGB 149 129 124	#95817C
33.3%	33.3% #91766E	RGB 145 118 110	#91766E
50.0%	50.0% #8D6A60	RGB 141 106 96	#8D6A60
66.7%	66.7% #895F51	RGB 137 95 81	#895F51
83.3%	83.3% #855343	RGB 133 83 67	#855343
100.0%	100.0% #814835	RGB 129 72 53	#814835

#9A8D8B #95817C #91766E #8D6A60 #895F51 #855343 #814835

#9A8D8B - #814835

HSV Blend

#9A8D8B - #814835 | 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 #9A8D8B as 0% and #814835 as 100%.

0.0%	0.0% #9A8D8B	RGB 154 141 139	#9A8D8B
16.7%	16.7% #957F7A	RGB 149 127 122	#957F7A
33.3%	33.3% #91726B	RGB 145 114 107	#91726B
50.0%	50.0% #8D665C	RGB 141 102 92	#8D665C
66.7%	66.7% #895B4E	RGB 137 91 78	#895B4E
83.3%	83.3% #855141	RGB 133 81 65	#855141
100.0%	100.0% #814835	RGB 129 72 53	#814835

#9A8D8B #957F7A #91726B #8D665C #895B4E #855141 #814835

#9A8D8B - #8D665C - #814835

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A8D8B 0%, #8D665C 50%, #814835 100%);
    background: -webkit-linear-gradient(top, #9A8D8B 0%, #8D665C 50%, #814835 100%);
    background: linear-gradient(to bottom, #9A8D8B 0%, #8D665C 50%, #814835 100%);
}
</style>