#A6AE9F - #A8FBFF | 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 #A6AE9F to #A8FBFF

#A6AE9F #A8FBFF

Calculate the color between two colors, #A6AE9F and #A8FBFF. 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)

#A6AE9F - #A8FBFF | 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 #A6AE9F as 0% and #A8FBFF as 100%.

0.0%	0.0% #A6AE9F	RGB 166 174 159	#A6AE9F
16.7%	16.7% #A6BAAF	RGB 166 186 175	#A6BAAF
33.3%	33.3% #A6C7BF	RGB 166 199 191	#A6C7BF
50.0%	50.0% #A7D4CF	RGB 167 212 207	#A7D4CF
66.7%	66.7% #A7E1DF	RGB 167 225 223	#A7E1DF
83.3%	83.3% #A7EEEF	RGB 167 238 239	#A7EEEF
100.0%	100.0% #A8FBFF	RGB 168 251 255	#A8FBFF

#A6AE9F #A6BAAF #A6C7BF #A7D4CF #A7E1DF #A7EEEF #A8FBFF

#A6AE9F - #A8FBFF

HSV Blend

#A6AE9F - #A8FBFF | 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 #A6AE9F as 0% and #A8FBFF as 100%.

0.0%	0.0% #A6AE9F	RGB 166 174 159	#A6AE9F
16.7%	16.7% #A8BBA3	RGB 168 187 163	#A8BBA3
33.3%	33.3% #A6C9A7	RGB 166 201 167	#A6C9A7
50.0%	50.0% #A8D6B5	RGB 168 214 181	#A8D6B5
66.7%	66.7% #A9E4C9	RGB 169 228 201	#A9E4C9
83.3%	83.3% #A9F1E2	RGB 169 241 226	#A9F1E2
100.0%	100.0% #A8FBFF	RGB 168 251 255	#A8FBFF

#A6AE9F #A8BBA3 #A6C9A7 #A8D6B5 #A9E4C9 #A9F1E2 #A8FBFF

#A6AE9F - #A8D6B5 - #A8FBFF

CSS codes

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

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