#9C9C9C - #BBDCFF | 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 #BBDCFF

#9C9C9C #BBDCFF

Calculate the color between two colors, #9C9C9C and #BBDCFF. 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 - #BBDCFF | 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 #BBDCFF as 100%.

0.0%	0.0% #9C9C9C	RGB 156 156 156	#9C9C9C
16.7%	16.7% #A1A6AC	RGB 161 166 172	#A1A6AC
33.3%	33.3% #A6B1BD	RGB 166 177 189	#A6B1BD
50.0%	50.0% #ABBCCD	RGB 171 188 205	#ABBCCD
66.7%	66.7% #B0C6DE	RGB 176 198 222	#B0C6DE
83.3%	83.3% #B5D1EE	RGB 181 209 238	#B5D1EE
100.0%	100.0% #BBDCFF	RGB 187 220 255	#BBDCFF

#9C9C9C #A1A6AC #A6B1BD #ABBCCD #B0C6DE #B5D1EE #BBDCFF

#9C9C9C - #BBDCFF

HSV Blend

#9C9C9C - #BBDCFF | 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 #BBDCFF as 100%.

0.0%	0.0% #9C9C9C	RGB 156 156 156	#9C9C9C
16.7%	16.7% #ACA4A8	RGB 172 164 168	#ACA4A8
33.3%	33.3% #BDACBA	RGB 189 172 186	#BDACBA
50.0%	50.0% #C6B2CD	RGB 198 178 205	#C6B2CD
66.7%	66.7% #C4B6DE	RGB 196 182 222	#C4B6DE
83.3%	83.3% #B9BDEE	RGB 185 189 238	#B9BDEE
100.0%	100.0% #BBDCFF	RGB 187 220 255	#BBDCFF

#9C9C9C #ACA4A8 #BDACBA #C6B2CD #C4B6DE #B9BDEE #BBDCFF

#9C9C9C - #C6B2CD - #BBDCFF

CSS codes

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

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