#9F9980 - #FFEE9C | 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 #9F9980 to #FFEE9C

#9F9980 #FFEE9C

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

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

0.0%	0.0% #9F9980	RGB 159 153 128	#9F9980
16.7%	16.7% #AFA784	RGB 175 167 132	#AFA784
33.3%	33.3% #BFB589	RGB 191 181 137	#BFB589
50.0%	50.0% #CFC38E	RGB 207 195 142	#CFC38E
66.7%	66.7% #DFD192	RGB 223 209 146	#DFD192
83.3%	83.3% #EFDF97	RGB 239 223 151	#EFDF97
100.0%	100.0% #FFEE9C	RGB 255 238 156	#FFEE9C

#9F9980 #AFA784 #BFB589 #CFC38E #DFD192 #EFDF97 #FFEE9C

#9F9980 - #FFEE9C

HSV Blend

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

0.0%	0.0% #9F9980	RGB 159 153 128	#9F9980
16.7%	16.7% #AFA787	RGB 175 167 135	#AFA787
33.3%	33.3% #BFB58D	RGB 191 181 141	#BFB58D
50.0%	50.0% #CFC392	RGB 207 195 146	#CFC392
66.7%	66.7% #DFD296	RGB 223 210 150	#DFD296
83.3%	83.3% #EFE099	RGB 239 224 153	#EFE099
100.0%	100.0% #FFEE9C	RGB 255 238 156	#FFEE9C

#9F9980 #AFA787 #BFB58D #CFC392 #DFD296 #EFE099 #FFEE9C

#9F9980 - #CFC392 - #FFEE9C

CSS codes

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

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