#9AA6AA - #B5ECE3 | 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 #9AA6AA to #B5ECE3

#9AA6AA #B5ECE3

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

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

0.0%	0.0% #9AA6AA	RGB 154 166 170	#9AA6AA
16.7%	16.7% #9EB1B3	RGB 158 177 179	#9EB1B3
33.3%	33.3% #A3BDBD	RGB 163 189 189	#A3BDBD
50.0%	50.0% #A7C9C6	RGB 167 201 198	#A7C9C6
66.7%	66.7% #ACD4D0	RGB 172 212 208	#ACD4D0
83.3%	83.3% #B0E0D9	RGB 176 224 217	#B0E0D9
100.0%	100.0% #B5ECE3	RGB 181 236 227	#B5ECE3

#9AA6AA #9EB1B3 #A3BDBD #A7C9C6 #ACD4D0 #B0E0D9 #B5ECE3

#9AA6AA - #B5ECE3

HSV Blend

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

0.0%	0.0% #9AA6AA	RGB 154 166 170	#9AA6AA
16.7%	16.7% #9FB1B5	RGB 159 177 181	#9FB1B5
33.3%	33.3% #A5BCC0	RGB 165 188 192	#A5BCC0
50.0%	50.0% #A9C9CB	RGB 169 201 203	#A9C9CB
66.7%	66.7% #AED6D4	RGB 174 214 212	#AED6D4
83.3%	83.3% #B1E1DC	RGB 177 225 220	#B1E1DC
100.0%	100.0% #B5ECE3	RGB 181 236 227	#B5ECE3

#9AA6AA #9FB1B5 #A5BCC0 #A9C9CB #AED6D4 #B1E1DC #B5ECE3

#9AA6AA - #A9C9CB - #B5ECE3

CSS codes

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

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