#AAA2FF - #F7F9FD | 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 #AAA2FF to #F7F9FD

#AAA2FF #F7F9FD

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

#AAA2FF - #F7F9FD | 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 #AAA2FF as 0% and #F7F9FD as 100%.

0.0%	0.0% #AAA2FF	RGB 170 162 255	#AAA2FF
16.7%	16.7% #B6B0FE	RGB 182 176 254	#B6B0FE
33.3%	33.3% #C3BFFE	RGB 195 191 254	#C3BFFE
50.0%	50.0% #D0CDFE	RGB 208 205 254	#D0CDFE
66.7%	66.7% #DDDCFD	RGB 221 220 253	#DDDCFD
83.3%	83.3% #EAEAFD	RGB 234 234 253	#EAEAFD
100.0%	100.0% #F7F9FD	RGB 247 249 253	#F7F9FD

#AAA2FF #B6B0FE #C3BFFE #D0CDFE #DDDCFD #EAEAFD #F7F9FD

#AAA2FF - #F7F9FD

HSV Blend

#AAA2FF - #F7F9FD | 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 #AAA2FF as 0% and #F7F9FD as 100%.

0.0%	0.0% #A9A2FF	RGB 169 162 255	#A9A2FF
16.7%	16.7% #B1B0FE	RGB 177 176 254	#B1B0FE
33.3%	33.3% #BEC1FE	RGB 190 193 254	#BEC1FE
50.0%	50.0% #CCD2FE	RGB 204 210 254	#CCD2FE
66.7%	66.7% #DAE1FD	RGB 218 225 253	#DAE1FD
83.3%	83.3% #E8EEFD	RGB 232 238 253	#E8EEFD
100.0%	100.0% #F7F9FD	RGB 247 249 253	#F7F9FD

#A9A2FF #B1B0FE #BEC1FE #CCD2FE #DAE1FD #E8EEFD #F7F9FD

#AAA2FF - #CCD2FE - #F7F9FD

CSS codes

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

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