#A0B0BF - #B5E8FF | 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 #A0B0BF to #B5E8FF

#A0B0BF #B5E8FF

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

#A0B0BF - #B5E8FF | 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 #A0B0BF as 0% and #B5E8FF as 100%.

0.0%	0.0% #A0B0BF	RGB 160 176 191	#A0B0BF
16.7%	16.7% #A3B9C9	RGB 163 185 201	#A3B9C9
33.3%	33.3% #A7C2D4	RGB 167 194 212	#A7C2D4
50.0%	50.0% #AACCDF	RGB 170 204 223	#AACCDF
66.7%	66.7% #AED5E9	RGB 174 213 233	#AED5E9
83.3%	83.3% #B1DEF4	RGB 177 222 244	#B1DEF4
100.0%	100.0% #B5E8FF	RGB 181 232 255	#B5E8FF

#A0B0BF #A3B9C9 #A7C2D4 #AACCDF #AED5E9 #B1DEF4 #B5E8FF

#A0B0BF - #B5E8FF

HSV Blend

#A0B0BF - #B5E8FF | 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 #A0B0BF as 0% and #B5E8FF as 100%.

0.0%	0.0% #A0B0BF	RGB 160 176 191	#A0B0BF
16.7%	16.7% #A4B8C9	RGB 164 184 201	#A4B8C9
33.3%	33.3% #A8C1D4	RGB 168 193 212	#A8C1D4
50.0%	50.0% #ACCADF	RGB 172 202 223	#ACCADF
66.7%	66.7% #AFD4E9	RGB 175 212 233	#AFD4E9
83.3%	83.3% #B2DEF4	RGB 178 222 244	#B2DEF4
100.0%	100.0% #B5E8FF	RGB 181 232 255	#B5E8FF

#A0B0BF #A4B8C9 #A8C1D4 #ACCADF #AFD4E9 #B2DEF4 #B5E8FF

#A0B0BF - #ACCADF - #B5E8FF

CSS codes

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

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