#AA8CFF - #1808CF | 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 #AA8CFF to #1808CF

#AA8CFF #1808CF

Calculate the color between two colors, #AA8CFF and #1808CF. 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)

#AA8CFF - #1808CF | 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 #AA8CFF as 0% and #1808CF as 100%.

0.0%	0.0% #AA8CFF	RGB 170 140 255	#AA8CFF
16.7%	16.7% #9176F7	RGB 145 118 247	#9176F7
33.3%	33.3% #7960EF	RGB 121 96 239	#7960EF
50.0%	50.0% #614AE7	RGB 97 74 231	#614AE7
66.7%	66.7% #4834DF	RGB 72 52 223	#4834DF
83.3%	83.3% #301ED7	RGB 48 30 215	#301ED7
100.0%	100.0% #1808CF	RGB 24 8 207	#1808CF

#AA8CFF #9176F7 #7960EF #614AE7 #4834DF #301ED7 #1808CF

#AA8CFF - #1808CF

HSV Blend

#AA8CFF - #1808CF | 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 #AA8CFF as 0% and #1808CF as 100%.

0.0%	0.0% #AA8CFF	RGB 170 140 255	#AA8CFF
16.7%	16.7% #9172F7	RGB 145 114 247	#9172F7
33.3%	33.3% #785AEF	RGB 120 90 239	#785AEF
50.0%	50.0% #5F43E7	RGB 95 67 231	#5F43E7
66.7%	66.7% #472EDF	RGB 71 46 223	#472EDF
83.3%	83.3% #2F1AD7	RGB 47 26 215	#2F1AD7
100.0%	100.0% #1808CF	RGB 24 8 207	#1808CF

#AA8CFF #9172F7 #785AEF #5F43E7 #472EDF #2F1AD7 #1808CF

#AA8CFF - #5F43E7 - #1808CF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA8CFF 0%, #5F43E7 50%, #1808CF 100%);
    background: -webkit-linear-gradient(top, #AA8CFF 0%, #5F43E7 50%, #1808CF 100%);
    background: linear-gradient(to bottom, #AA8CFF 0%, #5F43E7 50%, #1808CF 100%);
}
</style>