#AA3EB6 - #E6C7EA | 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 #AA3EB6 to #E6C7EA

#AA3EB6 #E6C7EA

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

#AA3EB6 - #E6C7EA | 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 #AA3EB6 as 0% and #E6C7EA as 100%.

0.0%	0.0% #AA3EB6	RGB 170 62 182	#AA3EB6
16.7%	16.7% #B454BE	RGB 180 84 190	#B454BE
33.3%	33.3% #BE6BC7	RGB 190 107 199	#BE6BC7
50.0%	50.0% #C882D0	RGB 200 130 208	#C882D0
66.7%	66.7% #D299D8	RGB 210 153 216	#D299D8
83.3%	83.3% #DCB0E1	RGB 220 176 225	#DCB0E1
100.0%	100.0% #E6C7EA	RGB 230 199 234	#E6C7EA

#AA3EB6 #B454BE #BE6BC7 #C882D0 #D299D8 #DCB0E1 #E6C7EA

#AA3EB6 - #E6C7EA

HSV Blend

#AA3EB6 - #E6C7EA | 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 #AA3EB6 as 0% and #E6C7EA as 100%.

0.0%	0.0% #AA3EB6	RGB 170 62 182	#AA3EB6
16.7%	16.7% #B351BE	RGB 179 81 190	#B351BE
33.3%	33.3% #BD65C7	RGB 189 101 199	#BD65C7
50.0%	50.0% #C67BD0	RGB 198 123 208	#C67BD0
66.7%	66.7% #D193D8	RGB 209 147 216	#D193D8
83.3%	83.3% #DBACE1	RGB 219 172 225	#DBACE1
100.0%	100.0% #E6C7EA	RGB 230 199 234	#E6C7EA

#AA3EB6 #B351BE #BD65C7 #C67BD0 #D193D8 #DBACE1 #E6C7EA

#AA3EB6 - #C67BD0 - #E6C7EA

CSS codes

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

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