#AA8DCB - #E3ABFF | 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 #AA8DCB to #E3ABFF

#AA8DCB #E3ABFF

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

#AA8DCB - #E3ABFF | 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 #AA8DCB as 0% and #E3ABFF as 100%.

0.0%	0.0% #AA8DCB	RGB 170 141 203	#AA8DCB
16.7%	16.7% #B392D3	RGB 179 146 211	#B392D3
33.3%	33.3% #BD97DC	RGB 189 151 220	#BD97DC
50.0%	50.0% #C69CE5	RGB 198 156 229	#C69CE5
66.7%	66.7% #D0A1ED	RGB 208 161 237	#D0A1ED
83.3%	83.3% #D9A6F6	RGB 217 166 246	#D9A6F6
100.0%	100.0% #E3ABFF	RGB 227 171 255	#E3ABFF

#AA8DCB #B392D3 #BD97DC #C69CE5 #D0A1ED #D9A6F6 #E3ABFF

#AA8DCB - #E3ABFF

HSV Blend

#AA8DCB - #E3ABFF | 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 #AA8DCB as 0% and #E3ABFF as 100%.

0.0%	0.0% #AA8DCB	RGB 170 141 203	#AA8DCB
16.7%	16.7% #B292D3	RGB 178 146 211	#B292D3
33.3%	33.3% #BC97DC	RGB 188 151 220	#BC97DC
50.0%	50.0% #C59CE5	RGB 197 156 229	#C59CE5
66.7%	66.7% #CFA1ED	RGB 207 161 237	#CFA1ED
83.3%	83.3% #D8A6F6	RGB 216 166 246	#D8A6F6
100.0%	100.0% #E3ABFF	RGB 227 171 255	#E3ABFF

#AA8DCB #B292D3 #BC97DC #C59CE5 #CFA1ED #D8A6F6 #E3ABFF

#AA8DCB - #C59CE5 - #E3ABFF

CSS codes

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

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