#9D9BAB - #FFD7B0 | 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 #9D9BAB to #FFD7B0

#9D9BAB #FFD7B0

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

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

0.0%	0.0% #9D9BAB	RGB 157 155 171	#9D9BAB
16.7%	16.7% #ADA5AB	RGB 173 165 171	#ADA5AB
33.3%	33.3% #BDAFAC	RGB 189 175 172	#BDAFAC
50.0%	50.0% #CEB9AD	RGB 206 185 173	#CEB9AD
66.7%	66.7% #DEC3AE	RGB 222 195 174	#DEC3AE
83.3%	83.3% #EECDAF	RGB 238 205 175	#EECDAF
100.0%	100.0% #FFD7B0	RGB 255 215 176	#FFD7B0

#9D9BAB #ADA5AB #BDAFAC #CEB9AD #DEC3AE #EECDAF #FFD7B0

#9D9BAB - #FFD7B0

HSV Blend

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

0.0%	0.0% #9D9BAB	RGB 157 155 171	#9D9BAB
16.7%	16.7% #ADA1B9	RGB 173 161 185	#ADA1B9
33.3%	33.3% #C4A6C7	RGB 196 166 199	#C4A6C7
50.0%	50.0% #D5AAC7	RGB 213 170 199	#D5AAC7
66.7%	66.7% #E3ADBD	RGB 227 173 189	#E3ADBD
83.3%	83.3% #F1B5AF	RGB 241 181 175	#F1B5AF
100.0%	100.0% #FFD7B0	RGB 255 215 176	#FFD7B0

#9D9BAB #ADA1B9 #C4A6C7 #D5AAC7 #E3ADBD #F1B5AF #FFD7B0

#9D9BAB - #D5AAC7 - #FFD7B0

CSS codes

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

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