#AA4DDF - #E6CCF5 | 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 #AA4DDF to #E6CCF5

#AA4DDF #E6CCF5

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

#AA4DDF - #E6CCF5 | 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 #AA4DDF as 0% and #E6CCF5 as 100%.

0.0%	0.0% #AA4DDF	RGB 170 77 223	#AA4DDF
16.7%	16.7% #B462E2	RGB 180 98 226	#B462E2
33.3%	33.3% #BE77E6	RGB 190 119 230	#BE77E6
50.0%	50.0% #C88CEA	RGB 200 140 234	#C88CEA
66.7%	66.7% #D2A1ED	RGB 210 161 237	#D2A1ED
83.3%	83.3% #DCB6F1	RGB 220 182 241	#DCB6F1
100.0%	100.0% #E6CCF5	RGB 230 204 245	#E6CCF5

#AA4DDF #B462E2 #BE77E6 #C88CEA #D2A1ED #DCB6F1 #E6CCF5

#AA4DDF - #E6CCF5

HSV Blend

#AA4DDF - #E6CCF5 | 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 #AA4DDF as 0% and #E6CCF5 as 100%.

0.0%	0.0% #A94DDF	RGB 169 77 223	#A94DDF
16.7%	16.7% #B360E2	RGB 179 96 226	#B360E2
33.3%	33.3% #BD74E6	RGB 189 116 230	#BD74E6
50.0%	50.0% #C689EA	RGB 198 137 234	#C689EA
66.7%	66.7% #D19FED	RGB 209 159 237	#D19FED
83.3%	83.3% #DBB5F1	RGB 219 181 241	#DBB5F1
100.0%	100.0% #E6CCF5	RGB 230 204 245	#E6CCF5

#A94DDF #B360E2 #BD74E6 #C689EA #D19FED #DBB5F1 #E6CCF5

#AA4DDF - #C689EA - #E6CCF5

CSS codes

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

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