#ACA2FF - #5E2FCD | 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 #ACA2FF to #5E2FCD

#ACA2FF #5E2FCD

Calculate the color between two colors, #ACA2FF and #5E2FCD. 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)

#ACA2FF - #5E2FCD | 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 #ACA2FF as 0% and #5E2FCD as 100%.

0.0%	0.0% #ACA2FF	RGB 172 162 255	#ACA2FF
16.7%	16.7% #9F8EF6	RGB 159 142 246	#9F8EF6
33.3%	33.3% #927BEE	RGB 146 123 238	#927BEE
50.0%	50.0% #8568E6	RGB 133 104 230	#8568E6
66.7%	66.7% #7855DD	RGB 120 85 221	#7855DD
83.3%	83.3% #6B42D5	RGB 107 66 213	#6B42D5
100.0%	100.0% #5E2FCD	RGB 94 47 205	#5E2FCD

#ACA2FF #9F8EF6 #927BEE #8568E6 #7855DD #6B42D5 #5E2FCD

#ACA2FF - #5E2FCD

HSV Blend

#ACA2FF - #5E2FCD | 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 #ACA2FF as 0% and #5E2FCD as 100%.

0.0%	0.0% #ACA2FF	RGB 172 162 255	#ACA2FF
16.7%	16.7% #9A8CF6	RGB 154 140 246	#9A8CF6
33.3%	33.3% #8B77EE	RGB 139 119 238	#8B77EE
50.0%	50.0% #7D63E6	RGB 125 99 230	#7D63E6
66.7%	66.7% #7150DD	RGB 113 80 221	#7150DD
83.3%	83.3% #673FD5	RGB 103 63 213	#673FD5
100.0%	100.0% #5E2FCD	RGB 94 47 205	#5E2FCD

#ACA2FF #9A8CF6 #8B77EE #7D63E6 #7150DD #673FD5 #5E2FCD

#ACA2FF - #7D63E6 - #5E2FCD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ACA2FF 0%, #7D63E6 50%, #5E2FCD 100%);
    background: -webkit-linear-gradient(top, #ACA2FF 0%, #7D63E6 50%, #5E2FCD 100%);
    background: linear-gradient(to bottom, #ACA2FF 0%, #7D63E6 50%, #5E2FCD 100%);
}
</style>