#9F9999 - #FFDBB9 | 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 #9F9999 to #FFDBB9

#9F9999 #FFDBB9

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

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

0.0%	0.0% #9F9999	RGB 159 153 153	#9F9999
16.7%	16.7% #AFA49E	RGB 175 164 158	#AFA49E
33.3%	33.3% #BFAFA3	RGB 191 175 163	#BFAFA3
50.0%	50.0% #CFBAA9	RGB 207 186 169	#CFBAA9
66.7%	66.7% #DFC5AE	RGB 223 197 174	#DFC5AE
83.3%	83.3% #EFD0B3	RGB 239 208 179	#EFD0B3
100.0%	100.0% #FFDBB9	RGB 255 219 185	#FFDBB9

#9F9999 #AFA49E #BFAFA3 #CFBAA9 #DFC5AE #EFD0B3 #FFDBB9

#9F9999 - #FFDBB9

HSV Blend

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

0.0%	0.0% #9F9999	RGB 159 153 153	#9F9999
16.7%	16.7% #AFA2A1	RGB 175 162 161	#AFA2A1
33.3%	33.3% #BFACA8	RGB 191 172 168	#BFACA8
50.0%	50.0% #CFB6AE	RGB 207 182 174	#CFB6AE
66.7%	66.7% #DFC1B3	RGB 223 193 179	#DFC1B3
83.3%	83.3% #EFCDB6	RGB 239 205 182	#EFCDB6
100.0%	100.0% #FFDBB9	RGB 255 219 185	#FFDBB9

#9F9999 #AFA2A1 #BFACA8 #CFB6AE #DFC1B3 #EFCDB6 #FFDBB9

#9F9999 - #CFB6AE - #FFDBB9

CSS codes

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

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