#EBE2FF - #A88FD3 | 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 #EBE2FF to #A88FD3

#EBE2FF #A88FD3

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

#EBE2FF - #A88FD3 | 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 #EBE2FF as 0% and #A88FD3 as 100%.

0.0%	0.0% #EBE2FF	RGB 235 226 255	#EBE2FF
16.7%	16.7% #DFD4F7	RGB 223 212 247	#DFD4F7
33.3%	33.3% #D4C6F0	RGB 212 198 240	#D4C6F0
50.0%	50.0% #C9B8E9	RGB 201 184 233	#C9B8E9
66.7%	66.7% #BEAAE1	RGB 190 170 225	#BEAAE1
83.3%	83.3% #B39CDA	RGB 179 156 218	#B39CDA
100.0%	100.0% #A88FD3	RGB 168 143 211	#A88FD3

#EBE2FF #DFD4F7 #D4C6F0 #C9B8E9 #BEAAE1 #B39CDA #A88FD3

#EBE2FF - #A88FD3

HSV Blend

#EBE2FF - #A88FD3 | 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 #EBE2FF as 0% and #A88FD3 as 100%.

0.0%	0.0% #EBE2FF	RGB 235 226 255	#EBE2FF
16.7%	16.7% #DED2F7	RGB 222 210 247	#DED2F7
33.3%	33.3% #D2C4F0	RGB 210 196 240	#D2C4F0
50.0%	50.0% #C7B6E9	RGB 199 182 233	#C7B6E9
66.7%	66.7% #BCA8E1	RGB 188 168 225	#BCA8E1
83.3%	83.3% #B29BDA	RGB 178 155 218	#B29BDA
100.0%	100.0% #A88FD3	RGB 168 143 211	#A88FD3

#EBE2FF #DED2F7 #D2C4F0 #C7B6E9 #BCA8E1 #B29BDA #A88FD3

#EBE2FF - #C7B6E9 - #A88FD3

CSS codes

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

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