#AA4DFF - #E6CCFF | 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 #AA4DFF to #E6CCFF

#AA4DFF #E6CCFF

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

#AA4DFF - #E6CCFF | 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 #AA4DFF as 0% and #E6CCFF as 100%.

0.0%	0.0% #AA4DFF	RGB 170 77 255	#AA4DFF
16.7%	16.7% #B462FF	RGB 180 98 255	#B462FF
33.3%	33.3% #BE77FF	RGB 190 119 255	#BE77FF
50.0%	50.0% #C88CFF	RGB 200 140 255	#C88CFF
66.7%	66.7% #D2A1FF	RGB 210 161 255	#D2A1FF
83.3%	83.3% #DCB6FF	RGB 220 182 255	#DCB6FF
100.0%	100.0% #E6CCFF	RGB 230 204 255	#E6CCFF

#AA4DFF #B462FF #BE77FF #C88CFF #D2A1FF #DCB6FF #E6CCFF

#AA4DFF - #E6CCFF

HSV Blend

#AA4DFF - #E6CCFF | 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 #AA4DFF as 0% and #E6CCFF as 100%.

0.0%	0.0% #AA4DFF	RGB 170 77 255	#AA4DFF
16.7%	16.7% #B362FF	RGB 179 98 255	#B362FF
33.3%	33.3% #BD77FF	RGB 189 119 255	#BD77FF
50.0%	50.0% #C78CFF	RGB 199 140 255	#C78CFF
66.7%	66.7% #D1A1FF	RGB 209 161 255	#D1A1FF
83.3%	83.3% #DBB6FF	RGB 219 182 255	#DBB6FF
100.0%	100.0% #E6CCFF	RGB 230 204 255	#E6CCFF

#AA4DFF #B362FF #BD77FF #C78CFF #D1A1FF #DBB6FF #E6CCFF

#AA4DFF - #C78CFF - #E6CCFF

CSS codes

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

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