#9F9F4D - #726714 | 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 #9F9F4D to #726714

#9F9F4D #726714

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

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

0.0%	0.0% #9F9F4D	RGB 159 159 77	#9F9F4D
16.7%	16.7% #979543	RGB 151 149 67	#979543
33.3%	33.3% #908C3A	RGB 144 140 58	#908C3A
50.0%	50.0% #888330	RGB 136 131 48	#888330
66.7%	66.7% #817927	RGB 129 121 39	#817927
83.3%	83.3% #79701D	RGB 121 112 29	#79701D
100.0%	100.0% #726714	RGB 114 103 20	#726714

#9F9F4D #979543 #908C3A #888330 #817927 #79701D #726714

#9F9F4D - #726714

HSV Blend

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

0.0%	0.0% #9F9F4D	RGB 159 159 77	#9F9F4D
16.7%	16.7% #979541	RGB 151 149 65	#979541
33.3%	33.3% #908C36	RGB 144 140 54	#908C36
50.0%	50.0% #88832D	RGB 136 131 45	#88832D
66.7%	66.7% #817923	RGB 129 121 35	#817923
83.3%	83.3% #79701B	RGB 121 112 27	#79701B
100.0%	100.0% #726714	RGB 114 103 20	#726714

#9F9F4D #979541 #908C36 #88832D #817923 #79701B #726714

#9F9F4D - #88832D - #726714

CSS codes

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

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