#E7B9FF - #AA4CCF | 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 #E7B9FF to #AA4CCF

#E7B9FF #AA4CCF

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

#E7B9FF - #AA4CCF | 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 #E7B9FF as 0% and #AA4CCF as 100%.

0.0%	0.0% #E7B9FF	RGB 231 185 255	#E7B9FF
16.7%	16.7% #DCA6F7	RGB 220 166 247	#DCA6F7
33.3%	33.3% #D294EF	RGB 210 148 239	#D294EF
50.0%	50.0% #C882E7	RGB 200 130 231	#C882E7
66.7%	66.7% #BE70DF	RGB 190 112 223	#BE70DF
83.3%	83.3% #B45ED7	RGB 180 94 215	#B45ED7
100.0%	100.0% #AA4CCF	RGB 170 76 207	#AA4CCF

#E7B9FF #DCA6F7 #D294EF #C882E7 #BE70DF #B45ED7 #AA4CCF

#E7B9FF - #AA4CCF

HSV Blend

#E7B9FF - #AA4CCF | 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 #E7B9FF as 0% and #AA4CCF as 100%.

0.0%	0.0% #E7B9FF	RGB 231 185 255	#E7B9FF
16.7%	16.7% #DBA4F7	RGB 219 164 247	#DBA4F7
33.3%	33.3% #D090EF	RGB 208 144 239	#D090EF
50.0%	50.0% #C67EE7	RGB 198 126 231	#C67EE7
66.7%	66.7% #BC6CDF	RGB 188 108 223	#BC6CDF
83.3%	83.3% #B25BD7	RGB 178 91 215	#B25BD7
100.0%	100.0% #AA4CCF	RGB 170 76 207	#AA4CCF

#E7B9FF #DBA4F7 #D090EF #C67EE7 #BC6CDF #B25BD7 #AA4CCF

#E7B9FF - #C67EE7 - #AA4CCF

CSS codes

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

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