#E2DFF5 - #A191E6 | 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 #E2DFF5 to #A191E6

#E2DFF5 #A191E6

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

#E2DFF5 - #A191E6 | 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 #E2DFF5 as 0% and #A191E6 as 100%.

0.0%	0.0% #E2DFF5	RGB 226 223 245	#E2DFF5
16.7%	16.7% #D7D2F2	RGB 215 210 242	#D7D2F2
33.3%	33.3% #CCC5F0	RGB 204 197 240	#CCC5F0
50.0%	50.0% #C1B8ED	RGB 193 184 237	#C1B8ED
66.7%	66.7% #B6ABEB	RGB 182 171 235	#B6ABEB
83.3%	83.3% #AB9EE8	RGB 171 158 232	#AB9EE8
100.0%	100.0% #A191E6	RGB 161 145 230	#A191E6

#E2DFF5 #D7D2F2 #CCC5F0 #C1B8ED #B6ABEB #AB9EE8 #A191E6

#E2DFF5 - #A191E6

HSV Blend

#E2DFF5 - #A191E6 | 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 #E2DFF5 as 0% and #A191E6 as 100%.

0.0%	0.0% #E2DFF5	RGB 226 223 245	#E2DFF5
16.7%	16.7% #D6D1F2	RGB 214 209 242	#D6D1F2
33.3%	33.3% #CAC4F0	RGB 202 196 240	#CAC4F0
50.0%	50.0% #BFB6ED	RGB 191 182 237	#BFB6ED
66.7%	66.7% #B5AAEB	RGB 181 170 235	#B5AAEB
83.3%	83.3% #AA9DE8	RGB 170 157 232	#AA9DE8
100.0%	100.0% #A191E6	RGB 161 145 230	#A191E6

#E2DFF5 #D6D1F2 #CAC4F0 #BFB6ED #B5AAEB #AA9DE8 #A191E6

#E2DFF5 - #BFB6ED - #A191E6

CSS codes

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

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