#E2BAFF - #A64DCF | 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 #E2BAFF to #A64DCF

#E2BAFF #A64DCF

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

#E2BAFF - #A64DCF | 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 #E2BAFF as 0% and #A64DCF as 100%.

0.0%	0.0% #E2BAFF	RGB 226 186 255	#E2BAFF
16.7%	16.7% #D8A7F7	RGB 216 167 247	#D8A7F7
33.3%	33.3% #CE95EF	RGB 206 149 239	#CE95EF
50.0%	50.0% #C483E7	RGB 196 131 231	#C483E7
66.7%	66.7% #BA71DF	RGB 186 113 223	#BA71DF
83.3%	83.3% #B05FD7	RGB 176 95 215	#B05FD7
100.0%	100.0% #A64DCF	RGB 166 77 207	#A64DCF

#E2BAFF #D8A7F7 #CE95EF #C483E7 #BA71DF #B05FD7 #A64DCF

#E2BAFF - #A64DCF

HSV Blend

#E2BAFF - #A64DCF | 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 #E2BAFF as 0% and #A64DCF as 100%.

0.0%	0.0% #E2BAFF	RGB 226 186 255	#E2BAFF
16.7%	16.7% #D6A5F7	RGB 214 165 247	#D6A5F7
33.3%	33.3% #CB91EF	RGB 203 145 239	#CB91EF
50.0%	50.0% #C07FE7	RGB 192 127 231	#C07FE7
66.7%	66.7% #B76DDF	RGB 183 109 223	#B76DDF
83.3%	83.3% #AE5CD7	RGB 174 92 215	#AE5CD7
100.0%	100.0% #A64DCF	RGB 166 77 207	#A64DCF

#E2BAFF #D6A5F7 #CB91EF #C07FE7 #B76DDF #AE5CD7 #A64DCF

#E2BAFF - #C07FE7 - #A64DCF

CSS codes

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

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