#EBDAFB - #A26DDB | 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 #EBDAFB to #A26DDB

#EBDAFB #A26DDB

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

#EBDAFB - #A26DDB | 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 #EBDAFB as 0% and #A26DDB as 100%.

0.0%	0.0% #EBDAFB	RGB 235 218 251	#EBDAFB
16.7%	16.7% #DEC7F5	RGB 222 199 245	#DEC7F5
33.3%	33.3% #D2B5F0	RGB 210 181 240	#D2B5F0
50.0%	50.0% #C6A3EB	RGB 198 163 235	#C6A3EB
66.7%	66.7% #BA91E5	RGB 186 145 229	#BA91E5
83.3%	83.3% #AE7FE0	RGB 174 127 224	#AE7FE0
100.0%	100.0% #A26DDB	RGB 162 109 219	#A26DDB

#EBDAFB #DEC7F5 #D2B5F0 #C6A3EB #BA91E5 #AE7FE0 #A26DDB

#EBDAFB - #A26DDB

HSV Blend

#EBDAFB - #A26DDB | 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 #EBDAFB as 0% and #A26DDB as 100%.

0.0%	0.0% #EBDAFB	RGB 235 218 251	#EBDAFB
16.7%	16.7% #DEC6F5	RGB 222 198 245	#DEC6F5
33.3%	33.3% #D1B3F0	RGB 209 179 240	#D1B3F0
50.0%	50.0% #C5A0EB	RGB 197 160 235	#C5A0EB
66.7%	66.7% #B98EE5	RGB 185 142 229	#B98EE5
83.3%	83.3% #AD7DE0	RGB 173 125 224	#AD7DE0
100.0%	100.0% #A26DDB	RGB 162 109 219	#A26DDB

#EBDAFB #DEC6F5 #D1B3F0 #C5A0EB #B98EE5 #AD7DE0 #A26DDB

#EBDAFB - #C5A0EB - #A26DDB

CSS codes

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

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