#9D9C9C - #FFDDBB | 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 #9D9C9C to #FFDDBB

#9D9C9C #FFDDBB

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

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

0.0%	0.0% #9D9C9C	RGB 157 156 156	#9D9C9C
16.7%	16.7% #ADA6A1	RGB 173 166 161	#ADA6A1
33.3%	33.3% #BDB1A6	RGB 189 177 166	#BDB1A6
50.0%	50.0% #CEBCAB	RGB 206 188 171	#CEBCAB
66.7%	66.7% #DEC7B0	RGB 222 199 176	#DEC7B0
83.3%	83.3% #EED2B5	RGB 238 210 181	#EED2B5
100.0%	100.0% #FFDDBB	RGB 255 221 187	#FFDDBB

#9D9C9C #ADA6A1 #BDB1A6 #CEBCAB #DEC7B0 #EED2B5 #FFDDBB

#9D9C9C - #FFDDBB

HSV Blend

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

0.0%	0.0% #9D9C9C	RGB 157 156 156	#9D9C9C
16.7%	16.7% #ADA5A4	RGB 173 165 164	#ADA5A4
33.3%	33.3% #BDAEAC	RGB 189 174 172	#BDAEAC
50.0%	50.0% #CEB8B1	RGB 206 184 177	#CEB8B1
66.7%	66.7% #DEC3B6	RGB 222 195 182	#DEC3B6
83.3%	83.3% #EECFB9	RGB 238 207 185	#EECFB9
100.0%	100.0% #FFDDBB	RGB 255 221 187	#FFDDBB

#9D9C9C #ADA5A4 #BDAEAC #CEB8B1 #DEC3B6 #EECFB9 #FFDDBB

#9D9C9C - #CEB8B1 - #FFDDBB

CSS codes

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

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