#AAB5CC - #F0D2FF | 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 #AAB5CC to #F0D2FF

#AAB5CC #F0D2FF

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

#AAB5CC - #F0D2FF | 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 #AAB5CC as 0% and #F0D2FF as 100%.

0.0%	0.0% #AAB5CC	RGB 170 181 204	#AAB5CC
16.7%	16.7% #B5B9D4	RGB 181 185 212	#B5B9D4
33.3%	33.3% #C1BEDD	RGB 193 190 221	#C1BEDD
50.0%	50.0% #CDC3E5	RGB 205 195 229	#CDC3E5
66.7%	66.7% #D8C8EE	RGB 216 200 238	#D8C8EE
83.3%	83.3% #E4CDF6	RGB 228 205 246	#E4CDF6
100.0%	100.0% #F0D2FF	RGB 240 210 255	#F0D2FF

#AAB5CC #B5B9D4 #C1BEDD #CDC3E5 #D8C8EE #E4CDF6 #F0D2FF

#AAB5CC - #F0D2FF

HSV Blend

#AAB5CC - #F0D2FF | 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 #AAB5CC as 0% and #F0D2FF as 100%.

0.0%	0.0% #AAB5CC	RGB 170 181 204	#AAB5CC
16.7%	16.7% #B0B6D4	RGB 176 182 212	#B0B6D4
33.3%	33.3% #B7B7DD	RGB 183 183 221	#B7B7DD
50.0%	50.0% #C4BEE5	RGB 196 190 229	#C4BEE5
66.7%	66.7% #D2C4EE	RGB 210 196 238	#D2C4EE
83.3%	83.3% #E1CBF6	RGB 225 203 246	#E1CBF6
100.0%	100.0% #F0D2FF	RGB 240 210 255	#F0D2FF

#AAB5CC #B0B6D4 #B7B7DD #C4BEE5 #D2C4EE #E1CBF6 #F0D2FF

#AAB5CC - #C4BEE5 - #F0D2FF

CSS codes

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

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