#9F9C9C - #895345 | 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 #9F9C9C to #895345

#9F9C9C #895345

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

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

0.0%	0.0% #9F9C9C	RGB 159 156 156	#9F9C9C
16.7%	16.7% #9B8F8D	RGB 155 143 141	#9B8F8D
33.3%	33.3% #97837F	RGB 151 131 127	#97837F
50.0%	50.0% #947770	RGB 148 119 112	#947770
66.7%	66.7% #906B62	RGB 144 107 98	#906B62
83.3%	83.3% #8C5F53	RGB 140 95 83	#8C5F53
100.0%	100.0% #895345	RGB 137 83 69	#895345

#9F9C9C #9B8F8D #97837F #947770 #906B62 #8C5F53 #895345

#9F9C9C - #895345

HSV Blend

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

0.0%	0.0% #9F9C9C	RGB 159 156 156	#9F9C9C
16.7%	16.7% #9B8C8C	RGB 155 140 140	#9B8C8C
33.3%	33.3% #977E7C	RGB 151 126 124	#977E7C
50.0%	50.0% #94716D	RGB 148 113 109	#94716D
66.7%	66.7% #90665F	RGB 144 102 95	#90665F
83.3%	83.3% #8C5C52	RGB 140 92 82	#8C5C52
100.0%	100.0% #895345	RGB 137 83 69	#895345

#9F9C9C #9B8C8C #977E7C #94716D #90665F #8C5C52 #895345

#9F9C9C - #94716D - #895345

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F9C9C 0%, #94716D 50%, #895345 100%);
    background: -webkit-linear-gradient(top, #9F9C9C 0%, #94716D 50%, #895345 100%);
    background: linear-gradient(to bottom, #9F9C9C 0%, #94716D 50%, #895345 100%);
}
</style>