#A2A8DA - #FFD4E2 | 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 #A2A8DA to #FFD4E2

#A2A8DA #FFD4E2

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

#A2A8DA - #FFD4E2 | 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 #A2A8DA as 0% and #FFD4E2 as 100%.

0.0%	0.0% #A2A8DA	RGB 162 168 218	#A2A8DA
16.7%	16.7% #B1AFDB	RGB 177 175 219	#B1AFDB
33.3%	33.3% #C1B6DC	RGB 193 182 220	#C1B6DC
50.0%	50.0% #D0BEDE	RGB 208 190 222	#D0BEDE
66.7%	66.7% #E0C5DF	RGB 224 197 223	#E0C5DF
83.3%	83.3% #EFCCE0	RGB 239 204 224	#EFCCE0
100.0%	100.0% #FFD4E2	RGB 255 212 226	#FFD4E2

#A2A8DA #B1AFDB #C1B6DC #D0BEDE #E0C5DF #EFCCE0 #FFD4E2

#A2A8DA - #FFD4E2

HSV Blend

#A2A8DA - #FFD4E2 | 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 #A2A8DA as 0% and #FFD4E2 as 100%.

0.0%	0.0% #A2A8DA	RGB 162 168 218	#A2A8DA
16.7%	16.7% #B4A9E0	RGB 180 169 224	#B4A9E0
33.3%	33.3% #CBB1E6	RGB 203 177 230	#CBB1E6
50.0%	50.0% #E1BAEC	RGB 225 186 236	#E1BAEC
66.7%	66.7% #F2C2EE	RGB 242 194 238	#F2C2EE
83.3%	83.3% #F8CBE7	RGB 248 203 231	#F8CBE7
100.0%	100.0% #FFD4E2	RGB 255 212 226	#FFD4E2

#A2A8DA #B4A9E0 #CBB1E6 #E1BAEC #F2C2EE #F8CBE7 #FFD4E2

#A2A8DA - #E1BAEC - #FFD4E2

CSS codes

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

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