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

#9C9C9C #FFDDBB

Calculate the color between two colors, #9C9C9C 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)

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

0.0%	0.0% #9C9C9C	RGB 156 156 156	#9C9C9C
16.7%	16.7% #ACA6A1	RGB 172 166 161	#ACA6A1
33.3%	33.3% #BDB1A6	RGB 189 177 166	#BDB1A6
50.0%	50.0% #CDBCAB	RGB 205 188 171	#CDBCAB
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

#9C9C9C #ACA6A1 #BDB1A6 #CDBCAB #DEC7B0 #EED2B5 #FFDDBB

#9C9C9C - #FFDDBB

HSV Blend

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

0.0%	0.0% #9C9C9C	RGB 156 156 156	#9C9C9C
16.7%	16.7% #ACA5A4	RGB 172 165 164	#ACA5A4
33.3%	33.3% #BDAFAC	RGB 189 175 172	#BDAFAC
50.0%	50.0% #CDB8B2	RGB 205 184 178	#CDB8B2
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

#9C9C9C #ACA5A4 #BDAFAC #CDB8B2 #DEC3B6 #EECFB9 #FFDDBB

#9C9C9C - #CDB8B2 - #FFDDBB

CSS codes

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

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