#9F7E6B - #FCC48A | 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 #9F7E6B to #FCC48A

#9F7E6B #FCC48A

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

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

0.0%	0.0% #9F7E6B	RGB 159 126 107	#9F7E6B
16.7%	16.7% #AE8970	RGB 174 137 112	#AE8970
33.3%	33.3% #BE9575	RGB 190 149 117	#BE9575
50.0%	50.0% #CDA17A	RGB 205 161 122	#CDA17A
66.7%	66.7% #DDAC7F	RGB 221 172 127	#DDAC7F
83.3%	83.3% #ECB884	RGB 236 184 132	#ECB884
100.0%	100.0% #FCC48A	RGB 252 196 138	#FCC48A

#9F7E6B #AE8970 #BE9575 #CDA17A #DDAC7F #ECB884 #FCC48A

#9F7E6B - #FCC48A

HSV Blend

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

0.0%	0.0% #9F7E6B	RGB 159 126 107	#9F7E6B
16.7%	16.7% #AE8971	RGB 174 137 113	#AE8971
33.3%	33.3% #BE9477	RGB 190 148 119	#BE9477
50.0%	50.0% #CDA07D	RGB 205 160 125	#CDA07D
66.7%	66.7% #DDAC82	RGB 221 172 130	#DDAC82
83.3%	83.3% #ECB786	RGB 236 183 134	#ECB786
100.0%	100.0% #FCC48A	RGB 252 196 138	#FCC48A

#9F7E6B #AE8971 #BE9477 #CDA07D #DDAC82 #ECB786 #FCC48A

#9F7E6B - #CDA07D - #FCC48A

CSS codes

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

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