#9AA6A8 - #B8DAFF | 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 #9AA6A8 to #B8DAFF

#9AA6A8 #B8DAFF

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

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

0.0%	0.0% #9AA6A8	RGB 154 166 168	#9AA6A8
16.7%	16.7% #9FAEB6	RGB 159 174 182	#9FAEB6
33.3%	33.3% #A4B7C5	RGB 164 183 197	#A4B7C5
50.0%	50.0% #A9C0D3	RGB 169 192 211	#A9C0D3
66.7%	66.7% #AEC8E2	RGB 174 200 226	#AEC8E2
83.3%	83.3% #B3D1F0	RGB 179 209 240	#B3D1F0
100.0%	100.0% #B8DAFF	RGB 184 218 255	#B8DAFF

#9AA6A8 #9FAEB6 #A4B7C5 #A9C0D3 #AEC8E2 #B3D1F0 #B8DAFF

#9AA6A8 - #B8DAFF

HSV Blend

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

0.0%	0.0% #9AA6A8	RGB 154 166 168	#9AA6A8
16.7%	16.7% #A1B2B6	RGB 161 178 182	#A1B2B6
33.3%	33.3% #A7BDC5	RGB 167 189 197	#A7BDC5
50.0%	50.0% #ADC6D3	RGB 173 198 211	#ADC6D3
66.7%	66.7% #B1CEE2	RGB 177 206 226	#B1CEE2
83.3%	83.3% #B5D5F0	RGB 181 213 240	#B5D5F0
100.0%	100.0% #B8DAFF	RGB 184 218 255	#B8DAFF

#9AA6A8 #A1B2B6 #A7BDC5 #ADC6D3 #B1CEE2 #B5D5F0 #B8DAFF

#9AA6A8 - #ADC6D3 - #B8DAFF

CSS codes

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

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