#AAAAB0 - #B5E4DF | 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 #AAAAB0 to #B5E4DF

#AAAAB0 #B5E4DF

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

#AAAAB0 - #B5E4DF | 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 #AAAAB0 as 0% and #B5E4DF as 100%.

0.0%	0.0% #AAAAB0	RGB 170 170 176	#AAAAB0
16.7%	16.7% #ABB3B7	RGB 171 179 183	#ABB3B7
33.3%	33.3% #ADBDBF	RGB 173 189 191	#ADBDBF
50.0%	50.0% #AFC7C7	RGB 175 199 199	#AFC7C7
66.7%	66.7% #B1D0CF	RGB 177 208 207	#B1D0CF
83.3%	83.3% #B3DAD7	RGB 179 218 215	#B3DAD7
100.0%	100.0% #B5E4DF	RGB 181 228 223	#B5E4DF

#AAAAB0 #ABB3B7 #ADBDBF #AFC7C7 #B1D0CF #B3DAD7 #B5E4DF

#AAAAB0 - #B5E4DF

HSV Blend

#AAAAB0 - #B5E4DF | 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 #AAAAB0 as 0% and #B5E4DF as 100%.

0.0%	0.0% #AAAAB0	RGB 170 170 176	#AAAAB0
16.7%	16.7% #ADAFB8	RGB 173 175 184	#ADAFB8
33.3%	33.3% #AFB6C1	RGB 175 182 193	#AFB6C1
50.0%	50.0% #B1BFCA	RGB 177 191 202	#B1BFCA
66.7%	66.7% #B3CAD2	RGB 179 202 210	#B3CAD2
83.3%	83.3% #B4D8DB	RGB 180 216 219	#B4D8DB
100.0%	100.0% #B5E4DF	RGB 181 228 223	#B5E4DF

#AAAAB0 #ADAFB8 #AFB6C1 #B1BFCA #B3CAD2 #B4D8DB #B5E4DF

#AAAAB0 - #B1BFCA - #B5E4DF

CSS codes

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

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