#A9A2FF - #5C2FCD | 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 #A9A2FF to #5C2FCD

#A9A2FF #5C2FCD

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

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

0.0%	0.0% #A9A2FF	RGB 169 162 255	#A9A2FF
16.7%	16.7% #9C8EF6	RGB 156 142 246	#9C8EF6
33.3%	33.3% #8F7BEE	RGB 143 123 238	#8F7BEE
50.0%	50.0% #8268E6	RGB 130 104 230	#8268E6
66.7%	66.7% #7555DD	RGB 117 85 221	#7555DD
83.3%	83.3% #6842D5	RGB 104 66 213	#6842D5
100.0%	100.0% #5C2FCD	RGB 92 47 205	#5C2FCD

#A9A2FF #9C8EF6 #8F7BEE #8268E6 #7555DD #6842D5 #5C2FCD

#A9A2FF - #5C2FCD

HSV Blend

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

0.0%	0.0% #A9A2FF	RGB 169 162 255	#A9A2FF
16.7%	16.7% #978CF6	RGB 151 140 246	#978CF6
33.3%	33.3% #8877EE	RGB 136 119 238	#8877EE
50.0%	50.0% #7A63E6	RGB 122 99 230	#7A63E6
66.7%	66.7% #6F50DD	RGB 111 80 221	#6F50DD
83.3%	83.3% #643FD5	RGB 100 63 213	#643FD5
100.0%	100.0% #5C2FCD	RGB 92 47 205	#5C2FCD

#A9A2FF #978CF6 #8877EE #7A63E6 #6F50DD #643FD5 #5C2FCD

#A9A2FF - #7A63E6 - #5C2FCD

CSS codes

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

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