#A49CDB - #E5E2F4 | 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 #A49CDB to #E5E2F4

#A49CDB #E5E2F4

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

#A49CDB - #E5E2F4 | 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 #A49CDB as 0% and #E5E2F4 as 100%.

0.0%	0.0% #A49CDB	RGB 164 156 219	#A49CDB
16.7%	16.7% #AEA7DF	RGB 174 167 223	#AEA7DF
33.3%	33.3% #B9B3E3	RGB 185 179 227	#B9B3E3
50.0%	50.0% #C4BFE7	RGB 196 191 231	#C4BFE7
66.7%	66.7% #CFCAEB	RGB 207 202 235	#CFCAEB
83.3%	83.3% #DAD6EF	RGB 218 214 239	#DAD6EF
100.0%	100.0% #E5E2F4	RGB 229 226 244	#E5E2F4

#A49CDB #AEA7DF #B9B3E3 #C4BFE7 #CFCAEB #DAD6EF #E5E2F4

#A49CDB - #E5E2F4

HSV Blend

#A49CDB - #E5E2F4 | 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 #A49CDB as 0% and #E5E2F4 as 100%.

0.0%	0.0% #A49CDB	RGB 164 156 219	#A49CDB
16.7%	16.7% #AEA6DF	RGB 174 166 223	#AEA6DF
33.3%	33.3% #B9B2E3	RGB 185 178 227	#B9B2E3
50.0%	50.0% #C3BDE7	RGB 195 189 231	#C3BDE7
66.7%	66.7% #CEC9EB	RGB 206 201 235	#CEC9EB
83.3%	83.3% #D9D5EF	RGB 217 213 239	#D9D5EF
100.0%	100.0% #E5E2F4	RGB 229 226 244	#E5E2F4

#A49CDB #AEA6DF #B9B2E3 #C3BDE7 #CEC9EB #D9D5EF #E5E2F4

#A49CDB - #C3BDE7 - #E5E2F4

CSS codes

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

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