#A68FBA - #E5DFEB | 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 #A68FBA to #E5DFEB

#A68FBA #E5DFEB

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

#A68FBA - #E5DFEB | 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 #A68FBA as 0% and #E5DFEB as 100%.

0.0%	0.0% #A68FBA	RGB 166 143 186	#A68FBA
16.7%	16.7% #B09CC2	RGB 176 156 194	#B09CC2
33.3%	33.3% #BBA9CA	RGB 187 169 202	#BBA9CA
50.0%	50.0% #C5B7D2	RGB 197 183 210	#C5B7D2
66.7%	66.7% #D0C4DA	RGB 208 196 218	#D0C4DA
83.3%	83.3% #DAD1E2	RGB 218 209 226	#DAD1E2
100.0%	100.0% #E5DFEB	RGB 229 223 235	#E5DFEB

#A68FBA #B09CC2 #BBA9CA #C5B7D2 #D0C4DA #DAD1E2 #E5DFEB

#A68FBA - #E5DFEB

HSV Blend

#A68FBA - #E5DFEB | 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 #A68FBA as 0% and #E5DFEB as 100%.

0.0%	0.0% #A68FBA	RGB 166 143 186	#A68FBA
16.7%	16.7% #AF9BC2	RGB 175 155 194	#AF9BC2
33.3%	33.3% #B9A7CA	RGB 185 167 202	#B9A7CA
50.0%	50.0% #C4B4D2	RGB 196 180 210	#C4B4D2
66.7%	66.7% #CEC2DA	RGB 206 194 218	#CEC2DA
83.3%	83.3% #D9D0E2	RGB 217 208 226	#D9D0E2
100.0%	100.0% #E5DFEB	RGB 229 223 235	#E5DFEB

#A68FBA #AF9BC2 #B9A7CA #C4B4D2 #CEC2DA #D9D0E2 #E5DFEB

#A68FBA - #C4B4D2 - #E5DFEB

CSS codes

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

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