#AA5FA3 - #E6D1E4 | 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 #AA5FA3 to #E6D1E4

#AA5FA3 #E6D1E4

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

#AA5FA3 - #E6D1E4 | 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 #AA5FA3 as 0% and #E6D1E4 as 100%.

0.0%	0.0% #AA5FA3	RGB 170 95 163	#AA5FA3
16.7%	16.7% #B472AD	RGB 180 114 173	#B472AD
33.3%	33.3% #BE85B8	RGB 190 133 184	#BE85B8
50.0%	50.0% #C898C3	RGB 200 152 195	#C898C3
66.7%	66.7% #D2ABCE	RGB 210 171 206	#D2ABCE
83.3%	83.3% #DCBED9	RGB 220 190 217	#DCBED9
100.0%	100.0% #E6D1E4	RGB 230 209 228	#E6D1E4

#AA5FA3 #B472AD #BE85B8 #C898C3 #D2ABCE #DCBED9 #E6D1E4

#AA5FA3 - #E6D1E4

HSV Blend

#AA5FA3 - #E6D1E4 | 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 #AA5FA3 as 0% and #E6D1E4 as 100%.

0.0%	0.0% #AA5FA3	RGB 170 95 163	#AA5FA3
16.7%	16.7% #B46FAD	RGB 180 111 173	#B46FAD
33.3%	33.3% #BE80B8	RGB 190 128 184	#BE80B8
50.0%	50.0% #C892C2	RGB 200 146 194	#C892C2
66.7%	66.7% #D2A6CD	RGB 210 166 205	#D2A6CD
83.3%	83.3% #DCBBD8	RGB 220 187 216	#DCBBD8
100.0%	100.0% #E6D1E4	RGB 230 209 228	#E6D1E4

#AA5FA3 #B46FAD #BE80B8 #C892C2 #D2A6CD #DCBBD8 #E6D1E4

#AA5FA3 - #C892C2 - #E6D1E4

CSS codes

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

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