#9F9C9D - #FFBBC1 | 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 #9F9C9D to #FFBBC1

#9F9C9D #FFBBC1

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

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

0.0%	0.0% #9F9C9D	RGB 159 156 157	#9F9C9D
16.7%	16.7% #AFA1A3	RGB 175 161 163	#AFA1A3
33.3%	33.3% #BFA6A9	RGB 191 166 169	#BFA6A9
50.0%	50.0% #CFABAF	RGB 207 171 175	#CFABAF
66.7%	66.7% #DFB0B5	RGB 223 176 181	#DFB0B5
83.3%	83.3% #EFB5BB	RGB 239 181 187	#EFB5BB
100.0%	100.0% #FFBBC1	RGB 255 187 193	#FFBBC1

#9F9C9D #AFA1A3 #BFA6A9 #CFABAF #DFB0B5 #EFB5BB #FFBBC1

#9F9C9D - #FFBBC1

HSV Blend

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

0.0%	0.0% #9F9C9D	RGB 159 156 157	#9F9C9D
16.7%	16.7% #AFA4A7	RGB 175 164 167	#AFA4A7
33.3%	33.3% #BFABB0	RGB 191 171 176	#BFABB0
50.0%	50.0% #CFB1B7	RGB 207 177 183	#CFB1B7
66.7%	66.7% #DFB5BC	RGB 223 181 188	#DFB5BC
83.3%	83.3% #EFB9C0	RGB 239 185 192	#EFB9C0
100.0%	100.0% #FFBBC1	RGB 255 187 193	#FFBBC1

#9F9C9D #AFA4A7 #BFABB0 #CFB1B7 #DFB5BC #EFB9C0 #FFBBC1

#9F9C9D - #CFB1B7 - #FFBBC1

CSS codes

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

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