#AEABB6 - #B5D9E7 | 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 #AEABB6 to #B5D9E7

#AEABB6 #B5D9E7

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

#AEABB6 - #B5D9E7 | 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 #AEABB6 as 0% and #B5D9E7 as 100%.

0.0%	0.0% #AEABB6	RGB 174 171 182	#AEABB6
16.7%	16.7% #AFB2BE	RGB 175 178 190	#AFB2BE
33.3%	33.3% #B0BAC6	RGB 176 186 198	#B0BAC6
50.0%	50.0% #B1C2CE	RGB 177 194 206	#B1C2CE
66.7%	66.7% #B2C9D6	RGB 178 201 214	#B2C9D6
83.3%	83.3% #B3D1DE	RGB 179 209 222	#B3D1DE
100.0%	100.0% #B5D9E7	RGB 181 217 231	#B5D9E7

#AEABB6 #AFB2BE #B0BAC6 #B1C2CE #B2C9D6 #B3D1DE #B5D9E7

#AEABB6 - #B5D9E7

HSV Blend

#AEABB6 - #B5D9E7 | 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 #AEABB6 as 0% and #B5D9E7 as 100%.

0.0%	0.0% #AEABB6	RGB 174 171 182	#AEABB6
16.7%	16.7% #AFADBE	RGB 175 173 190	#AFADBE
33.3%	33.3% #B0B1C6	RGB 176 177 198	#B0B1C6
50.0%	50.0% #B1B8CE	RGB 177 184 206	#B1B8CE
66.7%	66.7% #B3C1D6	RGB 179 193 214	#B3C1D6
83.3%	83.3% #B4CBDE	RGB 180 203 222	#B4CBDE
100.0%	100.0% #B5D9E7	RGB 181 217 231	#B5D9E7

#AEABB6 #AFADBE #B0B1C6 #B1B8CE #B3C1D6 #B4CBDE #B5D9E7

#AEABB6 - #B1B8CE - #B5D9E7

CSS codes

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

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