#AAB6FD - #C7DCF1 | 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 #C7DCF1

#AAB6FD #C7DCF1

Calculate the color between two colors, #AAB6FD and #C7DCF1. 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 - #C7DCF1 | 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 #C7DCF1 as 100%.

0.0%	0.0% #AAB6FD	RGB 170 182 253	#AAB6FD
16.7%	16.7% #AEBCFB	RGB 174 188 251	#AEBCFB
33.3%	33.3% #B3C2F9	RGB 179 194 249	#B3C2F9
50.0%	50.0% #B8C9F7	RGB 184 201 247	#B8C9F7
66.7%	66.7% #BDCFF5	RGB 189 207 245	#BDCFF5
83.3%	83.3% #C2D5F3	RGB 194 213 243	#C2D5F3
100.0%	100.0% #C7DCF1	RGB 199 220 241	#C7DCF1

#AAB6FD #AEBCFB #B3C2F9 #B8C9F7 #BDCFF5 #C2D5F3 #C7DCF1

#AAB6FD - #C7DCF1

HSV Blend

#AAB6FD - #C7DCF1 | 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 #C7DCF1 as 100%.

0.0%	0.0% #AAB6FD	RGB 170 182 253	#AAB6FD
16.7%	16.7% #AFBEFB	RGB 175 190 251	#AFBEFB
33.3%	33.3% #B4C6F9	RGB 180 198 249	#B4C6F9
50.0%	50.0% #B8CCF7	RGB 184 204 247	#B8CCF7
66.7%	66.7% #BDD2F5	RGB 189 210 245	#BDD2F5
83.3%	83.3% #C2D7F3	RGB 194 215 243	#C2D7F3
100.0%	100.0% #C7DCF1	RGB 199 220 241	#C7DCF1

#AAB6FD #AFBEFB #B4C6F9 #B8CCF7 #BDD2F5 #C2D7F3 #C7DCF1

#AAB6FD - #B8CCF7 - #C7DCF1

CSS codes

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

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