#AAB6FD - #E6EAFE | 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 #AAB6FD to #E6EAFE

#AAB6FD #E6EAFE

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

#AAB6FD - #E6EAFE | 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 #AAB6FD as 0% and #E6EAFE as 100%.

0.0%	0.0% #AAB6FD	RGB 170 182 253	#AAB6FD
16.7%	16.7% #B4BEFD	RGB 180 190 253	#B4BEFD
33.3%	33.3% #BEC7FD	RGB 190 199 253	#BEC7FD
50.0%	50.0% #C8D0FD	RGB 200 208 253	#C8D0FD
66.7%	66.7% #D2D8FD	RGB 210 216 253	#D2D8FD
83.3%	83.3% #DCE1FD	RGB 220 225 253	#DCE1FD
100.0%	100.0% #E6EAFE	RGB 230 234 254	#E6EAFE

#AAB6FD #B4BEFD #BEC7FD #C8D0FD #D2D8FD #DCE1FD #E6EAFE

#AAB6FD - #E6EAFE

HSV Blend

#AAB6FD - #E6EAFE | 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 #AAB6FD as 0% and #E6EAFE as 100%.

0.0%	0.0% #AAB6FD	RGB 170 182 253	#AAB6FD
16.7%	16.7% #B3BEFD	RGB 179 190 253	#B3BEFD
33.3%	33.3% #BDC7FD	RGB 189 199 253	#BDC7FD
50.0%	50.0% #C7D0FD	RGB 199 208 253	#C7D0FD
66.7%	66.7% #D1D8FD	RGB 209 216 253	#D1D8FD
83.3%	83.3% #DBE1FD	RGB 219 225 253	#DBE1FD
100.0%	100.0% #E6EAFE	RGB 230 234 254	#E6EAFE

#AAB6FD #B3BEFD #BDC7FD #C7D0FD #D1D8FD #DBE1FD #E6EAFE

#AAB6FD - #C7D0FD - #E6EAFE

CSS codes

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

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