#9F8C7E - #7E4C2C | 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 #9F8C7E to #7E4C2C

#9F8C7E #7E4C2C

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

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

0.0%	0.0% #9F8C7E	RGB 159 140 126	#9F8C7E
16.7%	16.7% #998170	RGB 153 129 112	#998170
33.3%	33.3% #947662	RGB 148 118 98	#947662
50.0%	50.0% #8E6C55	RGB 142 108 85	#8E6C55
66.7%	66.7% #896147	RGB 137 97 71	#896147
83.3%	83.3% #835639	RGB 131 86 57	#835639
100.0%	100.0% #7E4C2C	RGB 126 76 44	#7E4C2C

#9F8C7E #998170 #947662 #8E6C55 #896147 #835639 #7E4C2C

#9F8C7E - #7E4C2C

HSV Blend

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

0.0%	0.0% #9F8C7E	RGB 159 140 126	#9F8C7E
16.7%	16.7% #99806E	RGB 153 128 110	#99806E
33.3%	33.3% #94755F	RGB 148 117 95	#94755F
50.0%	50.0% #8E6A51	RGB 142 106 81	#8E6A51
66.7%	66.7% #895F44	RGB 137 95 68	#895F44
83.3%	83.3% #835537	RGB 131 85 55	#835537
100.0%	100.0% #7E4C2C	RGB 126 76 44	#7E4C2C

#9F8C7E #99806E #94755F #8E6A51 #895F44 #835537 #7E4C2C

#9F8C7E - #8E6A51 - #7E4C2C

CSS codes

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

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