#9A8C5A - #FFCA76 | 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 #9A8C5A to #FFCA76

#9A8C5A #FFCA76

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

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

0.0%	0.0% #9A8C5A	RGB 154 140 90	#9A8C5A
16.7%	16.7% #AA965E	RGB 170 150 94	#AA965E
33.3%	33.3% #BBA063	RGB 187 160 99	#BBA063
50.0%	50.0% #CCAB68	RGB 204 171 104	#CCAB68
66.7%	66.7% #DDB56C	RGB 221 181 108	#DDB56C
83.3%	83.3% #EEBF71	RGB 238 191 113	#EEBF71
100.0%	100.0% #FFCA76	RGB 255 202 118	#FFCA76

#9A8C5A #AA965E #BBA063 #CCAB68 #DDB56C #EEBF71 #FFCA76

#9A8C5A - #FFCA76

HSV Blend

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

0.0%	0.0% #9A8C5A	RGB 154 140 90	#9A8C5A
16.7%	16.7% #AA9860	RGB 170 152 96	#AA9860
33.3%	33.3% #BBA466	RGB 187 164 102	#BBA466
50.0%	50.0% #CCAE6B	RGB 204 174 107	#CCAE6B
66.7%	66.7% #DDB86F	RGB 221 184 111	#DDB86F
83.3%	83.3% #EEC173	RGB 238 193 115	#EEC173
100.0%	100.0% #FFCA76	RGB 255 202 118	#FFCA76

#9A8C5A #AA9860 #BBA466 #CCAE6B #DDB86F #EEC173 #FFCA76

#9A8C5A - #CCAE6B - #FFCA76

CSS codes

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

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