#9F9F7E - #74682D | 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 #9F9F7E to #74682D

#9F9F7E #74682D

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

#9F9F7E - #74682D | 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 #9F9F7E as 0% and #74682D as 100%.

0.0%	0.0% #9F9F7E	RGB 159 159 126	#9F9F7E
16.7%	16.7% #979570	RGB 151 149 112	#979570
33.3%	33.3% #908C63	RGB 144 140 99	#908C63
50.0%	50.0% #898355	RGB 137 131 85	#898355
66.7%	66.7% #827A48	RGB 130 122 72	#827A48
83.3%	83.3% #7B713A	RGB 123 113 58	#7B713A
100.0%	100.0% #74682D	RGB 116 104 45	#74682D

#9F9F7E #979570 #908C63 #898355 #827A48 #7B713A #74682D

#9F9F7E - #74682D

HSV Blend

#9F9F7E - #74682D | 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 #9F9F7E as 0% and #74682D as 100%.

0.0%	0.0% #9F9F7E	RGB 159 159 126	#9F9F7E
16.7%	16.7% #97966E	RGB 151 150 110	#97966E
33.3%	33.3% #908D5F	RGB 144 141 95	#908D5F
50.0%	50.0% #898451	RGB 137 132 81	#898451
66.7%	66.7% #827B44	RGB 130 123 68	#827B44
83.3%	83.3% #7B7138	RGB 123 113 56	#7B7138
100.0%	100.0% #74682D	RGB 116 104 45	#74682D

#9F9F7E #97966E #908D5F #898451 #827B44 #7B7138 #74682D

#9F9F7E - #898451 - #74682D

CSS codes

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

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