#9A8A5E - #FFC97A | 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 #9A8A5E to #FFC97A

#9A8A5E #FFC97A

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

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

0.0%	0.0% #9A8A5E	RGB 154 138 94	#9A8A5E
16.7%	16.7% #AA9462	RGB 170 148 98	#AA9462
33.3%	33.3% #BB9F67	RGB 187 159 103	#BB9F67
50.0%	50.0% #CCA96C	RGB 204 169 108	#CCA96C
66.7%	66.7% #DDB470	RGB 221 180 112	#DDB470
83.3%	83.3% #EEBE75	RGB 238 190 117	#EEBE75
100.0%	100.0% #FFC97A	RGB 255 201 122	#FFC97A

#9A8A5E #AA9462 #BB9F67 #CCA96C #DDB470 #EEBE75 #FFC97A

#9A8A5E - #FFC97A

HSV Blend

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

0.0%	0.0% #9A8A5E	RGB 154 138 94	#9A8A5E
16.7%	16.7% #AA9664	RGB 170 150 100	#AA9664
33.3%	33.3% #BBA26A	RGB 187 162 106	#BBA26A
50.0%	50.0% #CCAD6F	RGB 204 173 111	#CCAD6F
66.7%	66.7% #DDB773	RGB 221 183 115	#DDB773
83.3%	83.3% #EEC077	RGB 238 192 119	#EEC077
100.0%	100.0% #FFC97A	RGB 255 201 122	#FFC97A

#9A8A5E #AA9664 #BBA26A #CCAD6F #DDB773 #EEC077 #FFC97A

#9A8A5E - #CCAD6F - #FFC97A

CSS codes

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

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