#A9A9FF - #BED8F5 | 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 #A9A9FF to #BED8F5

#A9A9FF #BED8F5

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

#A9A9FF - #BED8F5 | 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 #A9A9FF as 0% and #BED8F5 as 100%.

0.0%	0.0% #A9A9FF	RGB 169 169 255	#A9A9FF
16.7%	16.7% #ACB0FD	RGB 172 176 253	#ACB0FD
33.3%	33.3% #B0B8FB	RGB 176 184 251	#B0B8FB
50.0%	50.0% #B3C0FA	RGB 179 192 250	#B3C0FA
66.7%	66.7% #B7C8F8	RGB 183 200 248	#B7C8F8
83.3%	83.3% #BAD0F6	RGB 186 208 246	#BAD0F6
100.0%	100.0% #BED8F5	RGB 190 216 245	#BED8F5

#A9A9FF #ACB0FD #B0B8FB #B3C0FA #B7C8F8 #BAD0F6 #BED8F5

#A9A9FF - #BED8F5

HSV Blend

#A9A9FF - #BED8F5 | 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 #A9A9FF as 0% and #BED8F5 as 100%.

0.0%	0.0% #A9A9FF	RGB 169 169 255	#A9A9FF
16.7%	16.7% #ACB3FD	RGB 172 179 253	#ACB3FD
33.3%	33.3% #B0BCFB	RGB 176 188 251	#B0BCFB
50.0%	50.0% #B3C4FA	RGB 179 196 250	#B3C4FA
66.7%	66.7% #B7CBF8	RGB 183 203 248	#B7CBF8
83.3%	83.3% #BAD2F6	RGB 186 210 246	#BAD2F6
100.0%	100.0% #BED8F5	RGB 190 216 245	#BED8F5

#A9A9FF #ACB3FD #B0BCFB #B3C4FA #B7CBF8 #BAD2F6 #BED8F5

#A9A9FF - #B3C4FA - #BED8F5

CSS codes

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

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