#A8A8D4 - #FFCCDE | 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 #A8A8D4 to #FFCCDE

#A8A8D4 #FFCCDE

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

#A8A8D4 - #FFCCDE | 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 #A8A8D4 as 0% and #FFCCDE as 100%.

0.0%	0.0% #A8A8D4	RGB 168 168 212	#A8A8D4
16.7%	16.7% #B6AED5	RGB 182 174 213	#B6AED5
33.3%	33.3% #C5B4D7	RGB 197 180 215	#C5B4D7
50.0%	50.0% #D3BAD9	RGB 211 186 217	#D3BAD9
66.7%	66.7% #E2C0DA	RGB 226 192 218	#E2C0DA
83.3%	83.3% #F0C6DC	RGB 240 198 220	#F0C6DC
100.0%	100.0% #FFCCDE	RGB 255 204 222	#FFCCDE

#A8A8D4 #B6AED5 #C5B4D7 #D3BAD9 #E2C0DA #F0C6DC #FFCCDE

#A8A8D4 - #FFCCDE

HSV Blend

#A8A8D4 - #FFCCDE | 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 #A8A8D4 as 0% and #FFCCDE as 100%.

0.0%	0.0% #A8A8D4	RGB 168 168 212	#A8A8D4
16.7%	16.7% #BAADDB	RGB 186 173 219	#BAADDB
33.3%	33.3% #CDB3E2	RGB 205 179 226	#CDB3E2
50.0%	50.0% #E1B9E9	RGB 225 185 233	#E1B9E9
66.7%	66.7% #F0BFEB	RGB 240 191 235	#F0BFEB
83.3%	83.3% #F7C5E5	RGB 247 197 229	#F7C5E5
100.0%	100.0% #FFCCDE	RGB 255 204 222	#FFCCDE

#A8A8D4 #BAADDB #CDB3E2 #E1B9E9 #F0BFEB #F7C5E5 #FFCCDE

#A8A8D4 - #E1B9E9 - #FFCCDE

CSS codes

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

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