#9C9F9F - #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 #9C9F9F to #BBDCFF

#9C9F9F #BBDCFF

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

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

0.0%	0.0% #9C9F9F	RGB 156 159 159	#9C9F9F
16.7%	16.7% #A1A9AF	RGB 161 169 175	#A1A9AF
33.3%	33.3% #A6B3BF	RGB 166 179 191	#A6B3BF
50.0%	50.0% #ABBDCF	RGB 171 189 207	#ABBDCF
66.7%	66.7% #B0C7DF	RGB 176 199 223	#B0C7DF
83.3%	83.3% #B5D1EF	RGB 181 209 239	#B5D1EF
100.0%	100.0% #BBDCFF	RGB 187 220 255	#BBDCFF

#9C9F9F #A1A9AF #A6B3BF #ABBDCF #B0C7DF #B5D1EF #BBDCFF

#9C9F9F - #BBDCFF

HSV Blend

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

0.0%	0.0% #9C9F9F	RGB 156 159 159	#9C9F9F
16.7%	16.7% #A4AEAF	RGB 164 174 175	#A4AEAF
33.3%	33.3% #ABBBBF	RGB 171 187 191	#ABBBBF
50.0%	50.0% #B1C7CF	RGB 177 199 207	#B1C7CF
66.7%	66.7% #B5D0DF	RGB 181 208 223	#B5D0DF
83.3%	83.3% #B9D7EF	RGB 185 215 239	#B9D7EF
100.0%	100.0% #BBDCFF	RGB 187 220 255	#BBDCFF

#9C9F9F #A4AEAF #ABBBBF #B1C7CF #B5D0DF #B9D7EF #BBDCFF

#9C9F9F - #B1C7CF - #BBDCFF

CSS codes

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

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