#A55CAA - #E5D0E6 | 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 #A55CAA to #E5D0E6

#A55CAA #E5D0E6

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

#A55CAA - #E5D0E6 | 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 #A55CAA as 0% and #E5D0E6 as 100%.

0.0%	0.0% #A55CAA	RGB 165 92 170	#A55CAA
16.7%	16.7% #AF6FB4	RGB 175 111 180	#AF6FB4
33.3%	33.3% #BA82BE	RGB 186 130 190	#BA82BE
50.0%	50.0% #C596C8	RGB 197 150 200	#C596C8
66.7%	66.7% #CFA9D2	RGB 207 169 210	#CFA9D2
83.3%	83.3% #DABCDC	RGB 218 188 220	#DABCDC
100.0%	100.0% #E5D0E6	RGB 229 208 230	#E5D0E6

#A55CAA #AF6FB4 #BA82BE #C596C8 #CFA9D2 #DABCDC #E5D0E6

#A55CAA - #E5D0E6

HSV Blend

#A55CAA - #E5D0E6 | 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 #A55CAA as 0% and #E5D0E6 as 100%.

0.0%	0.0% #A55CAA	RGB 165 92 170	#A55CAA
16.7%	16.7% #AF6CB4	RGB 175 108 180	#AF6CB4
33.3%	33.3% #BA7DBE	RGB 186 125 190	#BA7DBE
50.0%	50.0% #C490C8	RGB 196 144 200	#C490C8
66.7%	66.7% #CFA4D2	RGB 207 164 210	#CFA4D2
83.3%	83.3% #DAB9DC	RGB 218 185 220	#DAB9DC
100.0%	100.0% #E5D0E6	RGB 229 208 230	#E5D0E6

#A55CAA #AF6CB4 #BA7DBE #C490C8 #CFA4D2 #DAB9DC #E5D0E6

#A55CAA - #C490C8 - #E5D0E6

CSS codes

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

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