#9F8C96 - #FFD1B0 | 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 #9F8C96 to #FFD1B0

#9F8C96 #FFD1B0

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

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

0.0%	0.0% #9F8C96	RGB 159 140 150	#9F8C96
16.7%	16.7% #AF979A	RGB 175 151 154	#AF979A
33.3%	33.3% #BFA39E	RGB 191 163 158	#BFA39E
50.0%	50.0% #CFAEA3	RGB 207 174 163	#CFAEA3
66.7%	66.7% #DFBAA7	RGB 223 186 167	#DFBAA7
83.3%	83.3% #EFC5AB	RGB 239 197 171	#EFC5AB
100.0%	100.0% #FFD1B0	RGB 255 209 176	#FFD1B0

#9F8C96 #AF979A #BFA39E #CFAEA3 #DFBAA7 #EFC5AB #FFD1B0

#9F8C96 - #FFD1B0

HSV Blend

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

0.0%	0.0% #9F8C96	RGB 159 140 150	#9F8C96
16.7%	16.7% #AF949E	RGB 175 148 158	#AF949E
33.3%	33.3% #BF9CA3	RGB 191 156 163	#BF9CA3
50.0%	50.0% #CFA2A4	RGB 207 162 164	#CFA2A4
66.7%	66.7% #DFADA8	RGB 223 173 168	#DFADA8
83.3%	83.3% #EFBDAC	RGB 239 189 172	#EFBDAC
100.0%	100.0% #FFD1B0	RGB 255 209 176	#FFD1B0

#9F8C96 #AF949E #BF9CA3 #CFA2A4 #DFADA8 #EFBDAC #FFD1B0

#9F8C96 - #CFA2A4 - #FFD1B0

CSS codes

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

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