#A68AE2 - #E5DDF6 | 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 #A68AE2 to #E5DDF6

#A68AE2 #E5DDF6

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

#A68AE2 - #E5DDF6 | 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 #A68AE2 as 0% and #E5DDF6 as 100%.

0.0%	0.0% #A68AE2	RGB 166 138 226	#A68AE2
16.7%	16.7% #B097E5	RGB 176 151 229	#B097E5
33.3%	33.3% #BBA5E8	RGB 187 165 232	#BBA5E8
50.0%	50.0% #C5B3EC	RGB 197 179 236	#C5B3EC
66.7%	66.7% #D0C1EF	RGB 208 193 239	#D0C1EF
83.3%	83.3% #DACFF2	RGB 218 207 242	#DACFF2
100.0%	100.0% #E5DDF6	RGB 229 221 246	#E5DDF6

#A68AE2 #B097E5 #BBA5E8 #C5B3EC #D0C1EF #DACFF2 #E5DDF6

#A68AE2 - #E5DDF6

HSV Blend

#A68AE2 - #E5DDF6 | 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 #A68AE2 as 0% and #E5DDF6 as 100%.

0.0%	0.0% #A58AE2	RGB 165 138 226	#A58AE2
16.7%	16.7% #AF97E5	RGB 175 151 229	#AF97E5
33.3%	33.3% #BAA4E8	RGB 186 164 232	#BAA4E8
50.0%	50.0% #C4B2EC	RGB 196 178 236	#C4B2EC
66.7%	66.7% #CFC0EF	RGB 207 192 239	#CFC0EF
83.3%	83.3% #D9CEF2	RGB 217 206 242	#D9CEF2
100.0%	100.0% #E5DDF6	RGB 229 221 246	#E5DDF6

#A58AE2 #AF97E5 #BAA4E8 #C4B2EC #CFC0EF #D9CEF2 #E5DDF6

#A68AE2 - #C4B2EC - #E5DDF6

CSS codes

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

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