#9A8F8D - #814A37 | 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 #9A8F8D to #814A37

#9A8F8D #814A37

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

#9A8F8D - #814A37 | 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 #9A8F8D as 0% and #814A37 as 100%.

0.0%	0.0% #9A8F8D	RGB 154 143 141	#9A8F8D
16.7%	16.7% #95837E	RGB 149 131 126	#95837E
33.3%	33.3% #917870	RGB 145 120 112	#917870
50.0%	50.0% #8D6C62	RGB 141 108 98	#8D6C62
66.7%	66.7% #896153	RGB 137 97 83	#896153
83.3%	83.3% #855545	RGB 133 85 69	#855545
100.0%	100.0% #814A37	RGB 129 74 55	#814A37

#9A8F8D #95837E #917870 #8D6C62 #896153 #855545 #814A37

#9A8F8D - #814A37

HSV Blend

#9A8F8D - #814A37 | 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 #9A8F8D as 0% and #814A37 as 100%.

0.0%	0.0% #9A8F8D	RGB 154 143 141	#9A8F8D
16.7%	16.7% #95817C	RGB 149 129 124	#95817C
33.3%	33.3% #91746D	RGB 145 116 109	#91746D
50.0%	50.0% #8D685E	RGB 141 104 94	#8D685E
66.7%	66.7% #895D50	RGB 137 93 80	#895D50
83.3%	83.3% #855343	RGB 133 83 67	#855343
100.0%	100.0% #814A37	RGB 129 74 55	#814A37

#9A8F8D #95817C #91746D #8D685E #895D50 #855343 #814A37

#9A8F8D - #8D685E - #814A37

CSS codes

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

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