#AAB5CE - #E6E9F1 | 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 #AAB5CE to #E6E9F1

#AAB5CE #E6E9F1

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

#AAB5CE - #E6E9F1 | 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 #AAB5CE as 0% and #E6E9F1 as 100%.

0.0%	0.0% #AAB5CE	RGB 170 181 206	#AAB5CE
16.7%	16.7% #B4BDD3	RGB 180 189 211	#B4BDD3
33.3%	33.3% #BEC6D9	RGB 190 198 217	#BEC6D9
50.0%	50.0% #C8CFDF	RGB 200 207 223	#C8CFDF
66.7%	66.7% #D2D7E5	RGB 210 215 229	#D2D7E5
83.3%	83.3% #DCE0EB	RGB 220 224 235	#DCE0EB
100.0%	100.0% #E6E9F1	RGB 230 233 241	#E6E9F1

#AAB5CE #B4BDD3 #BEC6D9 #C8CFDF #D2D7E5 #DCE0EB #E6E9F1

#AAB5CE - #E6E9F1

HSV Blend

#AAB5CE - #E6E9F1 | 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 #AAB5CE as 0% and #E6E9F1 as 100%.

0.0%	0.0% #AAB5CE	RGB 170 181 206	#AAB5CE
16.7%	16.7% #B3BDD3	RGB 179 189 211	#B3BDD3
33.3%	33.3% #BCC5D9	RGB 188 197 217	#BCC5D9
50.0%	50.0% #C6CDDF	RGB 198 205 223	#C6CDDF
66.7%	66.7% #D0D6E5	RGB 208 214 229	#D0D6E5
83.3%	83.3% #DBDFEB	RGB 219 223 235	#DBDFEB
100.0%	100.0% #E6E9F1	RGB 230 233 241	#E6E9F1

#AAB5CE #B3BDD3 #BCC5D9 #C6CDDF #D0D6E5 #DBDFEB #E6E9F1

#AAB5CE - #C6CDDF - #E6E9F1

CSS codes

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

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