#9A8C5C - #FFCA78 | 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 #9A8C5C to #FFCA78

#9A8C5C #FFCA78

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

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

0.0%	0.0% #9A8C5C	RGB 154 140 92	#9A8C5C
16.7%	16.7% #AA9660	RGB 170 150 96	#AA9660
33.3%	33.3% #BBA065	RGB 187 160 101	#BBA065
50.0%	50.0% #CCAB6A	RGB 204 171 106	#CCAB6A
66.7%	66.7% #DDB56E	RGB 221 181 110	#DDB56E
83.3%	83.3% #EEBF73	RGB 238 191 115	#EEBF73
100.0%	100.0% #FFCA78	RGB 255 202 120	#FFCA78

#9A8C5C #AA9660 #BBA065 #CCAB6A #DDB56E #EEBF73 #FFCA78

#9A8C5C - #FFCA78

HSV Blend

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

0.0%	0.0% #9A8C5C	RGB 154 140 92	#9A8C5C
16.7%	16.7% #AA9862	RGB 170 152 98	#AA9862
33.3%	33.3% #BBA468	RGB 187 164 104	#BBA468
50.0%	50.0% #CCAF6D	RGB 204 175 109	#CCAF6D
66.7%	66.7% #DDB871	RGB 221 184 113	#DDB871
83.3%	83.3% #EEC275	RGB 238 194 117	#EEC275
100.0%	100.0% #FFCA78	RGB 255 202 120	#FFCA78

#9A8C5C #AA9862 #BBA468 #CCAF6D #DDB871 #EEC275 #FFCA78

#9A8C5C - #CCAF6D - #FFCA78

CSS codes

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

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