#AAF2FF - #F5E6EB | 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 #AAF2FF to #F5E6EB

#AAF2FF #F5E6EB

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

#AAF2FF - #F5E6EB | 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 #AAF2FF as 0% and #F5E6EB as 100%.

0.0%	0.0% #AAF2FF	RGB 170 242 255	#AAF2FF
16.7%	16.7% #B6F0FB	RGB 182 240 251	#B6F0FB
33.3%	33.3% #C3EEF8	RGB 195 238 248	#C3EEF8
50.0%	50.0% #CFECF5	RGB 207 236 245	#CFECF5
66.7%	66.7% #DCEAF1	RGB 220 234 241	#DCEAF1
83.3%	83.3% #E8E8EE	RGB 232 232 238	#E8E8EE
100.0%	100.0% #F5E6EB	RGB 245 230 235	#F5E6EB

#AAF2FF #B6F0FB #C3EEF8 #CFECF5 #DCEAF1 #E8E8EE #F5E6EB

#AAF2FF - #F5E6EB

HSV Blend

#AAF2FF - #F5E6EB | 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 #AAF2FF as 0% and #F5E6EB as 100%.

0.0%	0.0% #AAF2FF	RGB 170 242 255	#AAF2FF
16.7%	16.7% #B4D3FD	RGB 180 211 253	#B4D3FD
33.3%	33.3% #BEBFFB	RGB 190 191 251	#BEBFFB
50.0%	50.0% #DCC8FA	RGB 220 200 250	#DCC8FA
66.7%	66.7% #F1D2F8	RGB 241 210 248	#F1D2F8
83.3%	83.3% #F6DCF0	RGB 246 220 240	#F6DCF0
100.0%	100.0% #F5E6EB	RGB 245 230 235	#F5E6EB

#AAF2FF #B4D3FD #BEBFFB #DCC8FA #F1D2F8 #F6DCF0 #F5E6EB

#AAF2FF - #DCC8FA - #F5E6EB

CSS codes

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

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