#9F9785 - #FFD49E | 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 #9F9785 to #FFD49E

#9F9785 #FFD49E

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

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

0.0%	0.0% #9F9785	RGB 159 151 133	#9F9785
16.7%	16.7% #AFA189	RGB 175 161 137	#AFA189
33.3%	33.3% #BFAB8D	RGB 191 171 141	#BFAB8D
50.0%	50.0% #CFB591	RGB 207 181 145	#CFB591
66.7%	66.7% #DFBF95	RGB 223 191 149	#DFBF95
83.3%	83.3% #EFC999	RGB 239 201 153	#EFC999
100.0%	100.0% #FFD49E	RGB 255 212 158	#FFD49E

#9F9785 #AFA189 #BFAB8D #CFB591 #DFBF95 #EFC999 #FFD49E

#9F9785 - #FFD49E

HSV Blend

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

0.0%	0.0% #9F9785	RGB 159 151 133	#9F9785
16.7%	16.7% #AFA38C	RGB 175 163 140	#AFA38C
33.3%	33.3% #BFAF91	RGB 191 175 145	#BFAF91
50.0%	50.0% #CFB996	RGB 207 185 150	#CFB996
66.7%	66.7% #DFC39A	RGB 223 195 154	#DFC39A
83.3%	83.3% #EFCC9C	RGB 239 204 156	#EFCC9C
100.0%	100.0% #FFD49E	RGB 255 212 158	#FFD49E

#9F9785 #AFA38C #BFAF91 #CFB996 #DFC39A #EFCC9C #FFD49E

#9F9785 - #CFB996 - #FFD49E

CSS codes

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

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