#AAD8FF - #F5E6E6 | 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 #AAD8FF to #F5E6E6

#AAD8FF #F5E6E6

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

#AAD8FF - #F5E6E6 | 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 #AAD8FF as 0% and #F5E6E6 as 100%.

0.0%	0.0% #AAD8FF	RGB 170 216 255	#AAD8FF
16.7%	16.7% #B6DAFA	RGB 182 218 250	#B6DAFA
33.3%	33.3% #C3DCF6	RGB 195 220 246	#C3DCF6
50.0%	50.0% #CFDFF2	RGB 207 223 242	#CFDFF2
66.7%	66.7% #DCE1EE	RGB 220 225 238	#DCE1EE
83.3%	83.3% #E8E3EA	RGB 232 227 234	#E8E3EA
100.0%	100.0% #F5E6E6	RGB 245 230 230	#F5E6E6

#AAD8FF #B6DAFA #C3DCF6 #CFDFF2 #DCE1EE #E8E3EA #F5E6E6

#AAD8FF - #F5E6E6

HSV Blend

#AAD8FF - #F5E6E6 | 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 #AAD8FF as 0% and #F5E6E6 as 100%.

0.0%	0.0% #AAD8FF	RGB 170 216 255	#AAD8FF
16.7%	16.7% #B4BCFD	RGB 180 188 253	#B4BCFD
33.3%	33.3% #D1BEFB	RGB 209 190 251	#D1BEFB
50.0%	50.0% #ECC8FA	RGB 236 200 250	#ECC8FA
66.7%	66.7% #F8D2F2	RGB 248 210 242	#F8D2F2
83.3%	83.3% #F6DCE7	RGB 246 220 231	#F6DCE7
100.0%	100.0% #F5E6E6	RGB 245 230 230	#F5E6E6

#AAD8FF #B4BCFD #D1BEFB #ECC8FA #F8D2F2 #F6DCE7 #F5E6E6

#AAD8FF - #ECC8FA - #F5E6E6

CSS codes

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

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