#A13CAA - #E2C7E6 | 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 #A13CAA to #E2C7E6

#A13CAA #E2C7E6

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

#A13CAA - #E2C7E6 | 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 #A13CAA as 0% and #E2C7E6 as 100%.

0.0%	0.0% #A13CAA	RGB 161 60 170	#A13CAA
16.7%	16.7% #AB53B4	RGB 171 83 180	#AB53B4
33.3%	33.3% #B66ABE	RGB 182 106 190	#B66ABE
50.0%	50.0% #C181C8	RGB 193 129 200	#C181C8
66.7%	66.7% #CC98D2	RGB 204 152 210	#CC98D2
83.3%	83.3% #D7AFDC	RGB 215 175 220	#D7AFDC
100.0%	100.0% #E2C7E6	RGB 226 199 230	#E2C7E6

#A13CAA #AB53B4 #B66ABE #C181C8 #CC98D2 #D7AFDC #E2C7E6

#A13CAA - #E2C7E6

HSV Blend

#A13CAA - #E2C7E6 | 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 #A13CAA as 0% and #E2C7E6 as 100%.

0.0%	0.0% #A13CAA	RGB 161 60 170	#A13CAA
16.7%	16.7% #AA4EB4	RGB 170 78 180	#AA4EB4
33.3%	33.3% #B563BE	RGB 181 99 190	#B563BE
50.0%	50.0% #BF79C8	RGB 191 121 200	#BF79C8
66.7%	66.7% #CA91D2	RGB 202 145 210	#CA91D2
83.3%	83.3% #D6ABDC	RGB 214 171 220	#D6ABDC
100.0%	100.0% #E2C7E6	RGB 226 199 230	#E2C7E6

#A13CAA #AA4EB4 #B563BE #BF79C8 #CA91D2 #D6ABDC #E2C7E6

#A13CAA - #BF79C8 - #E2C7E6

CSS codes

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

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