#E5E3F2 - #A48FBA | 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 #E5E3F2 to #A48FBA

#E5E3F2 #A48FBA

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

#E5E3F2 - #A48FBA | 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 #E5E3F2 as 0% and #A48FBA as 100%.

0.0%	0.0% #E5E3F2	RGB 229 227 242	#E5E3F2
16.7%	16.7% #DAD5E8	RGB 218 213 232	#DAD5E8
33.3%	33.3% #CFC7DF	RGB 207 199 223	#CFC7DF
50.0%	50.0% #C4B9D6	RGB 196 185 214	#C4B9D6
66.7%	66.7% #B9ABCC	RGB 185 171 204	#B9ABCC
83.3%	83.3% #AE9DC3	RGB 174 157 195	#AE9DC3
100.0%	100.0% #A48FBA	RGB 164 143 186	#A48FBA

#E5E3F2 #DAD5E8 #CFC7DF #C4B9D6 #B9ABCC #AE9DC3 #A48FBA

#E5E3F2 - #A48FBA

HSV Blend

#E5E3F2 - #A48FBA | 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 #E5E3F2 as 0% and #A48FBA as 100%.

0.0%	0.0% #E5E3F2	RGB 229 227 242	#E5E3F2
16.7%	16.7% #D7D3E8	RGB 215 211 232	#D7D3E8
33.3%	33.3% #CBC4DF	RGB 203 196 223	#CBC4DF
50.0%	50.0% #C0B6D6	RGB 192 182 214	#C0B6D6
66.7%	66.7% #B6A8CC	RGB 182 168 204	#B6A8CC
83.3%	83.3% #AC9BC3	RGB 172 155 195	#AC9BC3
100.0%	100.0% #A48FBA	RGB 164 143 186	#A48FBA

#E5E3F2 #D7D3E8 #CBC4DF #C0B6D6 #B6A8CC #AC9BC3 #A48FBA

#E5E3F2 - #C0B6D6 - #A48FBA

CSS codes

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

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