#9F9898 - #FFDAB8 | 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 #9F9898 to #FFDAB8

#9F9898 #FFDAB8

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

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

0.0%	0.0% #9F9898	RGB 159 152 152	#9F9898
16.7%	16.7% #AFA39D	RGB 175 163 157	#AFA39D
33.3%	33.3% #BFAEA2	RGB 191 174 162	#BFAEA2
50.0%	50.0% #CFB9A8	RGB 207 185 168	#CFB9A8
66.7%	66.7% #DFC4AD	RGB 223 196 173	#DFC4AD
83.3%	83.3% #EFCFB2	RGB 239 207 178	#EFCFB2
100.0%	100.0% #FFDAB8	RGB 255 218 184	#FFDAB8

#9F9898 #AFA39D #BFAEA2 #CFB9A8 #DFC4AD #EFCFB2 #FFDAB8

#9F9898 - #FFDAB8

HSV Blend

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

0.0%	0.0% #9F9898	RGB 159 152 152	#9F9898
16.7%	16.7% #AFA1A0	RGB 175 161 160	#AFA1A0
33.3%	33.3% #BFABA7	RGB 191 171 167	#BFABA7
50.0%	50.0% #CFB5AD	RGB 207 181 173	#CFB5AD
66.7%	66.7% #DFC0B2	RGB 223 192 178	#DFC0B2
83.3%	83.3% #EFCCB5	RGB 239 204 181	#EFCCB5
100.0%	100.0% #FFDAB8	RGB 255 218 184	#FFDAB8

#9F9898 #AFA1A0 #BFABA7 #CFB5AD #DFC0B2 #EFCCB5 #FFDAB8

#9F9898 - #CFB5AD - #FFDAB8

CSS codes

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

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