#A6A1B5 - #B9C2EE | 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 #A6A1B5 to #B9C2EE

#A6A1B5 #B9C2EE

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

#A6A1B5 - #B9C2EE | 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 #A6A1B5 as 0% and #B9C2EE as 100%.

0.0%	0.0% #A6A1B5	RGB 166 161 181	#A6A1B5
16.7%	16.7% #A9A6BE	RGB 169 166 190	#A9A6BE
33.3%	33.3% #ACACC8	RGB 172 172 200	#ACACC8
50.0%	50.0% #AFB1D1	RGB 175 177 209	#AFB1D1
66.7%	66.7% #B2B7DB	RGB 178 183 219	#B2B7DB
83.3%	83.3% #B5BCE4	RGB 181 188 228	#B5BCE4
100.0%	100.0% #B9C2EE	RGB 185 194 238	#B9C2EE

#A6A1B5 #A9A6BE #ACACC8 #AFB1D1 #B2B7DB #B5BCE4 #B9C2EE

#A6A1B5 - #B9C2EE

HSV Blend

#A6A1B5 - #B9C2EE | 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 #A6A1B5 as 0% and #B9C2EE as 100%.

0.0%	0.0% #A6A1B5	RGB 166 161 181	#A6A1B5
16.7%	16.7% #AAA5BE	RGB 170 165 190	#AAA5BE
33.3%	33.3% #ADAAC8	RGB 173 170 200	#ADAAC8
50.0%	50.0% #AFAED1	RGB 175 174 209	#AFAED1
66.7%	66.7% #B2B3DB	RGB 178 179 219	#B2B3DB
83.3%	83.3% #B5BAE4	RGB 181 186 228	#B5BAE4
100.0%	100.0% #B9C2EE	RGB 185 194 238	#B9C2EE

#A6A1B5 #AAA5BE #ADAAC8 #AFAED1 #B2B3DB #B5BAE4 #B9C2EE

#A6A1B5 - #AFAED1 - #B9C2EE

CSS codes

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

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