#A68FD2 - #E5DFF2 | 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 #A68FD2 to #E5DFF2

#A68FD2 #E5DFF2

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

#A68FD2 - #E5DFF2 | 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 #A68FD2 as 0% and #E5DFF2 as 100%.

0.0%	0.0% #A68FD2	RGB 166 143 210	#A68FD2
16.7%	16.7% #B09CD7	RGB 176 156 215	#B09CD7
33.3%	33.3% #BBA9DC	RGB 187 169 220	#BBA9DC
50.0%	50.0% #C5B7E2	RGB 197 183 226	#C5B7E2
66.7%	66.7% #D0C4E7	RGB 208 196 231	#D0C4E7
83.3%	83.3% #DAD1EC	RGB 218 209 236	#DAD1EC
100.0%	100.0% #E5DFF2	RGB 229 223 242	#E5DFF2

#A68FD2 #B09CD7 #BBA9DC #C5B7E2 #D0C4E7 #DAD1EC #E5DFF2

#A68FD2 - #E5DFF2

HSV Blend

#A68FD2 - #E5DFF2 | 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 #A68FD2 as 0% and #E5DFF2 as 100%.

0.0%	0.0% #A68FD2	RGB 166 143 210	#A68FD2
16.7%	16.7% #AF9BD7	RGB 175 155 215	#AF9BD7
33.3%	33.3% #B9A7DC	RGB 185 167 220	#B9A7DC
50.0%	50.0% #C3B5E2	RGB 195 181 226	#C3B5E2
66.7%	66.7% #CEC2E7	RGB 206 194 231	#CEC2E7
83.3%	83.3% #D9D0EC	RGB 217 208 236	#D9D0EC
100.0%	100.0% #E5DFF2	RGB 229 223 242	#E5DFF2

#A68FD2 #AF9BD7 #B9A7DC #C3B5E2 #CEC2E7 #D9D0EC #E5DFF2

#A68FD2 - #C3B5E2 - #E5DFF2

CSS codes

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

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