#ED96FF - #AA1CCD | 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 #ED96FF to #AA1CCD

#ED96FF #AA1CCD

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

#ED96FF - #AA1CCD | 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 #ED96FF as 0% and #AA1CCD as 100%.

0.0%	0.0% #ED96FF	RGB 237 150 255	#ED96FF
16.7%	16.7% #E181F6	RGB 225 129 246	#E181F6
33.3%	33.3% #D66DEE	RGB 214 109 238	#D66DEE
50.0%	50.0% #CB59E6	RGB 203 89 230	#CB59E6
66.7%	66.7% #C044DD	RGB 192 68 221	#C044DD
83.3%	83.3% #B530D5	RGB 181 48 213	#B530D5
100.0%	100.0% #AA1CCD	RGB 170 28 205	#AA1CCD

#ED96FF #E181F6 #D66DEE #CB59E6 #C044DD #B530D5 #AA1CCD

#ED96FF - #AA1CCD

HSV Blend

#ED96FF - #AA1CCD | 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 #ED96FF as 0% and #AA1CCD as 100%.

0.0%	0.0% #ED96FF	RGB 237 150 255	#ED96FF
16.7%	16.7% #E17EF6	RGB 225 126 246	#E17EF6
33.3%	33.3% #D668EE	RGB 214 104 238	#D668EE
50.0%	50.0% #CA53E6	RGB 202 83 230	#CA53E6
66.7%	66.7% #BF3FDD	RGB 191 63 221	#BF3FDD
83.3%	83.3% #B42DD5	RGB 180 45 213	#B42DD5
100.0%	100.0% #AA1CCD	RGB 170 28 205	#AA1CCD

#ED96FF #E17EF6 #D668EE #CA53E6 #BF3FDD #B42DD5 #AA1CCD

#ED96FF - #CA53E6 - #AA1CCD

CSS codes

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

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