#E6DBFF - #A38CDA | 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 #E6DBFF to #A38CDA

#E6DBFF #A38CDA

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

#E6DBFF - #A38CDA | 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 #E6DBFF as 0% and #A38CDA as 100%.

0.0%	0.0% #E6DBFF	RGB 230 219 255	#E6DBFF
16.7%	16.7% #DACDF8	RGB 218 205 248	#DACDF8
33.3%	33.3% #CFC0F2	RGB 207 192 242	#CFC0F2
50.0%	50.0% #C4B3EC	RGB 196 179 236	#C4B3EC
66.7%	66.7% #B9A6E6	RGB 185 166 230	#B9A6E6
83.3%	83.3% #AE99E0	RGB 174 153 224	#AE99E0
100.0%	100.0% #A38CDA	RGB 163 140 218	#A38CDA

#E6DBFF #DACDF8 #CFC0F2 #C4B3EC #B9A6E6 #AE99E0 #A38CDA

#E6DBFF - #A38CDA

HSV Blend

#E6DBFF - #A38CDA | 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 #E6DBFF as 0% and #A38CDA as 100%.

0.0%	0.0% #E6DBFF	RGB 230 219 255	#E6DBFF
16.7%	16.7% #DACCF8	RGB 218 204 248	#DACCF8
33.3%	33.3% #CEBEF2	RGB 206 190 242	#CEBEF2
50.0%	50.0% #C3B1EC	RGB 195 177 236	#C3B1EC
66.7%	66.7% #B8A4E6	RGB 184 164 230	#B8A4E6
83.3%	83.3% #AD98E0	RGB 173 152 224	#AD98E0
100.0%	100.0% #A38CDA	RGB 163 140 218	#A38CDA

#E6DBFF #DACCF8 #CEBEF2 #C3B1EC #B8A4E6 #AD98E0 #A38CDA

#E6DBFF - #C3B1EC - #A38CDA

CSS codes

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

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