#E5E1F2 - #A28DBA | 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 #E5E1F2 to #A28DBA

#E5E1F2 #A28DBA

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

#E5E1F2 - #A28DBA | 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 #E5E1F2 as 0% and #A28DBA as 100%.

0.0%	0.0% #E5E1F2	RGB 229 225 242	#E5E1F2
16.7%	16.7% #D9D3E8	RGB 217 211 232	#D9D3E8
33.3%	33.3% #CEC5DF	RGB 206 197 223	#CEC5DF
50.0%	50.0% #C3B7D6	RGB 195 183 214	#C3B7D6
66.7%	66.7% #B8A9CC	RGB 184 169 204	#B8A9CC
83.3%	83.3% #AD9BC3	RGB 173 155 195	#AD9BC3
100.0%	100.0% #A28DBA	RGB 162 141 186	#A28DBA

#E5E1F2 #D9D3E8 #CEC5DF #C3B7D6 #B8A9CC #AD9BC3 #A28DBA

#E5E1F2 - #A28DBA

HSV Blend

#E5E1F2 - #A28DBA | 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 #E5E1F2 as 0% and #A28DBA as 100%.

0.0%	0.0% #E5E1F2	RGB 229 225 242	#E5E1F2
16.7%	16.7% #D7D1E8	RGB 215 209 232	#D7D1E8
33.3%	33.3% #CBC2DF	RGB 203 194 223	#CBC2DF
50.0%	50.0% #C0B4D6	RGB 192 180 214	#C0B4D6
66.7%	66.7% #B5A6CC	RGB 181 166 204	#B5A6CC
83.3%	83.3% #AB99C3	RGB 171 153 195	#AB99C3
100.0%	100.0% #A28DBA	RGB 162 141 186	#A28DBA

#E5E1F2 #D7D1E8 #CBC2DF #C0B4D6 #B5A6CC #AB99C3 #A28DBA

#E5E1F2 - #C0B4D6 - #A28DBA

CSS codes

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

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