#A8A9C7 - #BBD0FF | 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 #A8A9C7 to #BBD0FF

#A8A9C7 #BBD0FF

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

#A8A9C7 - #BBD0FF | 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 #A8A9C7 as 0% and #BBD0FF as 100%.

0.0%	0.0% #A8A9C7	RGB 168 169 199	#A8A9C7
16.7%	16.7% #ABAFD0	RGB 171 175 208	#ABAFD0
33.3%	33.3% #AEB6D9	RGB 174 182 217	#AEB6D9
50.0%	50.0% #B1BCE3	RGB 177 188 227	#B1BCE3
66.7%	66.7% #B4C3EC	RGB 180 195 236	#B4C3EC
83.3%	83.3% #B7C9F5	RGB 183 201 245	#B7C9F5
100.0%	100.0% #BBD0FF	RGB 187 208 255	#BBD0FF

#A8A9C7 #ABAFD0 #AEB6D9 #B1BCE3 #B4C3EC #B7C9F5 #BBD0FF

#A8A9C7 - #BBD0FF

HSV Blend

#A8A9C7 - #BBD0FF | 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 #A8A9C7 as 0% and #BBD0FF as 100%.

0.0%	0.0% #A8A9C7	RGB 168 169 199	#A8A9C7
16.7%	16.7% #ACAED0	RGB 172 174 208	#ACAED0
33.3%	33.3% #AFB4D9	RGB 175 180 217	#AFB4D9
50.0%	50.0% #B3BBE3	RGB 179 187 227	#B3BBE3
66.7%	66.7% #B6C1EC	RGB 182 193 236	#B6C1EC
83.3%	83.3% #B8C8F5	RGB 184 200 245	#B8C8F5
100.0%	100.0% #BBD0FF	RGB 187 208 255	#BBD0FF

#A8A9C7 #ACAED0 #AFB4D9 #B3BBE3 #B6C1EC #B8C8F5 #BBD0FF

#A8A9C7 - #B3BBE3 - #BBD0FF

CSS codes

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

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