#9F7E5A - #FEC277 | 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 #9F7E5A to #FEC277

#9F7E5A #FEC277

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

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

0.0%	0.0% #9F7E5A	RGB 159 126 90	#9F7E5A
16.7%	16.7% #AE895E	RGB 174 137 94	#AE895E
33.3%	33.3% #BE9463	RGB 190 148 99	#BE9463
50.0%	50.0% #CEA068	RGB 206 160 104	#CEA068
66.7%	66.7% #DEAB6D	RGB 222 171 109	#DEAB6D
83.3%	83.3% #EEB672	RGB 238 182 114	#EEB672
100.0%	100.0% #FEC277	RGB 254 194 119	#FEC277

#9F7E5A #AE895E #BE9463 #CEA068 #DEAB6D #EEB672 #FEC277

#9F7E5A - #FEC277

HSV Blend

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

0.0%	0.0% #9F7E5A	RGB 159 126 90	#9F7E5A
16.7%	16.7% #AE8960	RGB 174 137 96	#AE8960
33.3%	33.3% #BE9565	RGB 190 149 101	#BE9565
50.0%	50.0% #CEA06A	RGB 206 160 106	#CEA06A
66.7%	66.7% #DEAB6F	RGB 222 171 111	#DEAB6F
83.3%	83.3% #EEB673	RGB 238 182 115	#EEB673
100.0%	100.0% #FEC277	RGB 254 194 119	#FEC277

#9F7E5A #AE8960 #BE9565 #CEA06A #DEAB6F #EEB673 #FEC277

#9F7E5A - #CEA06A - #FEC277

CSS codes

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

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