#9F9F9B - #FCD8AC | 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 #9F9F9B to #FCD8AC

#9F9F9B #FCD8AC

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

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

0.0%	0.0% #9F9F9B	RGB 159 159 155	#9F9F9B
16.7%	16.7% #AEA89D	RGB 174 168 157	#AEA89D
33.3%	33.3% #BEB2A0	RGB 190 178 160	#BEB2A0
50.0%	50.0% #CDBBA3	RGB 205 187 163	#CDBBA3
66.7%	66.7% #DDC5A6	RGB 221 197 166	#DDC5A6
83.3%	83.3% #ECCEA9	RGB 236 206 169	#ECCEA9
100.0%	100.0% #FCD8AC	RGB 252 216 172	#FCD8AC

#9F9F9B #AEA89D #BEB2A0 #CDBBA3 #DDC5A6 #ECCEA9 #FCD8AC

#9F9F9B - #FCD8AC

HSV Blend

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

0.0%	0.0% #9F9F9B	RGB 159 159 155	#9F9F9B
16.7%	16.7% #AEADA1	RGB 174 173 161	#AEADA1
33.3%	33.3% #BEBAA6	RGB 190 186 166	#BEBAA6
50.0%	50.0% #CDC5AA	RGB 205 197 170	#CDC5AA
66.7%	66.7% #DDCEAC	RGB 221 206 172	#DDCEAC
83.3%	83.3% #ECD4AC	RGB 236 212 172	#ECD4AC
100.0%	100.0% #FCD8AC	RGB 252 216 172	#FCD8AC

#9F9F9B #AEADA1 #BEBAA6 #CDC5AA #DDCEAC #ECD4AC #FCD8AC

#9F9F9B - #CDC5AA - #FCD8AC

CSS codes

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

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