#A8A2D4 - #5C4CBA | 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 #A8A2D4 to #5C4CBA

#A8A2D4 #5C4CBA

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

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

0.0%	0.0% #A8A2D4	RGB 168 162 212	#A8A2D4
16.7%	16.7% #9B93CF	RGB 155 147 207	#9B93CF
33.3%	33.3% #8E85CB	RGB 142 133 203	#8E85CB
50.0%	50.0% #8277C7	RGB 130 119 199	#8277C7
66.7%	66.7% #7568C2	RGB 117 104 194	#7568C2
83.3%	83.3% #685ABE	RGB 104 90 190	#685ABE
100.0%	100.0% #5C4CBA	RGB 92 76 186	#5C4CBA

#A8A2D4 #9B93CF #8E85CB #8277C7 #7568C2 #685ABE #5C4CBA

#A8A2D4 - #5C4CBA

HSV Blend

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

0.0%	0.0% #A8A2D4	RGB 168 162 212	#A8A2D4
16.7%	16.7% #9992CF	RGB 153 146 207	#9992CF
33.3%	33.3% #8C83CB	RGB 140 131 203	#8C83CB
50.0%	50.0% #7F74C7	RGB 127 116 199	#7F74C7
66.7%	66.7% #7366C2	RGB 115 102 194	#7366C2
83.3%	83.3% #6759BE	RGB 103 89 190	#6759BE
100.0%	100.0% #5C4CBA	RGB 92 76 186	#5C4CBA

#A8A2D4 #9992CF #8C83CB #7F74C7 #7366C2 #6759BE #5C4CBA

#A8A2D4 - #7F74C7 - #5C4CBA

CSS codes

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

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