#A8A6FF - #CCD2F0 | 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 #A8A6FF to #CCD2F0

#A8A6FF #CCD2F0

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

#A8A6FF - #CCD2F0 | 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 #A8A6FF as 0% and #CCD2F0 as 100%.

0.0%	0.0% #A8A6FF	RGB 168 166 255	#A8A6FF
16.7%	16.7% #AEADFC	RGB 174 173 252	#AEADFC
33.3%	33.3% #B4B4FA	RGB 180 180 250	#B4B4FA
50.0%	50.0% #BABCF7	RGB 186 188 247	#BABCF7
66.7%	66.7% #C0C3F5	RGB 192 195 245	#C0C3F5
83.3%	83.3% #C6CAF2	RGB 198 202 242	#C6CAF2
100.0%	100.0% #CCD2F0	RGB 204 210 240	#CCD2F0

#A8A6FF #AEADFC #B4B4FA #BABCF7 #C0C3F5 #C6CAF2 #CCD2F0

#A8A6FF - #CCD2F0

HSV Blend

#A8A6FF - #CCD2F0 | 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 #A8A6FF as 0% and #CCD2F0 as 100%.

0.0%	0.0% #A8A6FF	RGB 168 166 255	#A8A6FF
16.7%	16.7% #ACADFC	RGB 172 173 252	#ACADFC
33.3%	33.3% #B3B6FA	RGB 179 182 250	#B3B6FA
50.0%	50.0% #B9BEF7	RGB 185 190 247	#B9BEF7
66.7%	66.7% #BFC5F5	RGB 191 197 245	#BFC5F5
83.3%	83.3% #C6CCF2	RGB 198 204 242	#C6CCF2
100.0%	100.0% #CCD2F0	RGB 204 210 240	#CCD2F0

#A8A6FF #ACADFC #B3B6FA #B9BEF7 #BFC5F5 #C6CCF2 #CCD2F0

#A8A6FF - #B9BEF7 - #CCD2F0

CSS codes

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

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