#E5E3F6 - #A48DC0 | 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 #E5E3F6 to #A48DC0

#E5E3F6 #A48DC0

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

#E5E3F6 - #A48DC0 | 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 #E5E3F6 as 0% and #A48DC0 as 100%.

0.0%	0.0% #E5E3F6	RGB 229 227 246	#E5E3F6
16.7%	16.7% #DAD4ED	RGB 218 212 237	#DAD4ED
33.3%	33.3% #CFC6E4	RGB 207 198 228	#CFC6E4
50.0%	50.0% #C4B8DB	RGB 196 184 219	#C4B8DB
66.7%	66.7% #B9A9D2	RGB 185 169 210	#B9A9D2
83.3%	83.3% #AE9BC9	RGB 174 155 201	#AE9BC9
100.0%	100.0% #A48DC0	RGB 164 141 192	#A48DC0

#E5E3F6 #DAD4ED #CFC6E4 #C4B8DB #B9A9D2 #AE9BC9 #A48DC0

#E5E3F6 - #A48DC0

HSV Blend

#E5E3F6 - #A48DC0 | 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 #E5E3F6 as 0% and #A48DC0 as 100%.

0.0%	0.0% #E5E3F6	RGB 229 227 246	#E5E3F6
16.7%	16.7% #D7D3ED	RGB 215 211 237	#D7D3ED
33.3%	33.3% #CBC4E4	RGB 203 196 228	#CBC4E4
50.0%	50.0% #BFB5DB	RGB 191 181 219	#BFB5DB
66.7%	66.7% #B5A7D2	RGB 181 167 210	#B5A7D2
83.3%	83.3% #AC99C9	RGB 172 153 201	#AC99C9
100.0%	100.0% #A48DC0	RGB 164 141 192	#A48DC0

#E5E3F6 #D7D3ED #CBC4E4 #BFB5DB #B5A7D2 #AC99C9 #A48DC0

#E5E3F6 - #BFB5DB - #A48DC0

CSS codes

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

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