#9AA3A1 - #B5FCFF | 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 #9AA3A1 to #B5FCFF

#9AA3A1 #B5FCFF

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

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

0.0%	0.0% #9AA3A1	RGB 154 163 161	#9AA3A1
16.7%	16.7% #9EB1B0	RGB 158 177 176	#9EB1B0
33.3%	33.3% #A3C0C0	RGB 163 192 192	#A3C0C0
50.0%	50.0% #A7CFD0	RGB 167 207 208	#A7CFD0
66.7%	66.7% #ACDEDF	RGB 172 222 223	#ACDEDF
83.3%	83.3% #B0EDEF	RGB 176 237 239	#B0EDEF
100.0%	100.0% #B5FCFF	RGB 181 252 255	#B5FCFF

#9AA3A1 #9EB1B0 #A3C0C0 #A7CFD0 #ACDEDF #B0EDEF #B5FCFF

#9AA3A1 - #B5FCFF

HSV Blend

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

0.0%	0.0% #9AA3A1	RGB 154 163 161	#9AA3A1
16.7%	16.7% #A1B2AF	RGB 161 178 175	#A1B2AF
33.3%	33.3% #A7C1BE	RGB 167 193 190	#A7C1BE
50.0%	50.0% #ACD1CD	RGB 172 209 205	#ACD1CD
66.7%	66.7% #B0E0DE	RGB 176 224 222	#B0E0DE
83.3%	83.3% #B3EFEF	RGB 179 239 239	#B3EFEF
100.0%	100.0% #B5FCFF	RGB 181 252 255	#B5FCFF

#9AA3A1 #A1B2AF #A7C1BE #ACD1CD #B0E0DE #B3EFEF #B5FCFF

#9AA3A1 - #ACD1CD - #B5FCFF

CSS codes

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

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