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

#EADAFB #A26DDB

Calculate the color between two colors, #EADAFB 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)

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

0.0%	0.0% #EADAFB	RGB 234 218 251	#EADAFB
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

#EADAFB #DEC7F5 #D2B5F0 #C6A3EB #BA91E5 #AE7FE0 #A26DDB

#EADAFB - #A26DDB

HSV Blend

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

0.0%	0.0% #EADAFB	RGB 234 218 251	#EADAFB
16.7%	16.7% #DDC6F5	RGB 221 198 245	#DDC6F5
33.3%	33.3% #D0B3F0	RGB 208 179 240	#D0B3F0
50.0%	50.0% #C4A0EB	RGB 196 160 235	#C4A0EB
66.7%	66.7% #B88EE5	RGB 184 142 229	#B88EE5
83.3%	83.3% #AD7DE0	RGB 173 125 224	#AD7DE0
100.0%	100.0% #A26DDB	RGB 162 109 219	#A26DDB

#EADAFB #DDC6F5 #D0B3F0 #C4A0EB #B88EE5 #AD7DE0 #A26DDB

#EADAFB - #C4A0EB - #A26DDB

CSS codes

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

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