#A8A2D5 - #613D90 | 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 #A8A2D5 to #613D90

#A8A2D5 #613D90

Calculate the color between two colors, #A8A2D5 and #613D90. 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)

#A8A2D5 - #613D90 | 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 #A8A2D5 as 0% and #613D90 as 100%.

0.0%	0.0% #A8A2D5	RGB 168 162 213	#A8A2D5
16.7%	16.7% #9C91C9	RGB 156 145 201	#9C91C9
33.3%	33.3% #9080BE	RGB 144 128 190	#9080BE
50.0%	50.0% #846FB2	RGB 132 111 178	#846FB2
66.7%	66.7% #785EA7	RGB 120 94 167	#785EA7
83.3%	83.3% #6C4D9B	RGB 108 77 155	#6C4D9B
100.0%	100.0% #613D90	RGB 97 61 144	#613D90

#A8A2D5 #9C91C9 #9080BE #846FB2 #785EA7 #6C4D9B #613D90

#A8A2D5 - #613D90

HSV Blend

#A8A2D5 - #613D90 | 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 #A8A2D5 as 0% and #613D90 as 100%.

0.0%	0.0% #A8A2D5	RGB 168 162 213	#A8A2D5
16.7%	16.7% #988DC9	RGB 152 141 201	#988DC9
33.3%	33.3% #8A7BBE	RGB 138 123 190	#8A7BBE
50.0%	50.0% #7D69B2	RGB 125 105 178	#7D69B2
66.7%	66.7% #7259A7	RGB 114 89 167	#7259A7
83.3%	83.3% #694A9B	RGB 105 74 155	#694A9B
100.0%	100.0% #613D90	RGB 97 61 144	#613D90

#A8A2D5 #988DC9 #8A7BBE #7D69B2 #7259A7 #694A9B #613D90

#A8A2D5 - #7D69B2 - #613D90

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8A2D5 0%, #7D69B2 50%, #613D90 100%);
    background: -webkit-linear-gradient(top, #A8A2D5 0%, #7D69B2 50%, #613D90 100%);
    background: linear-gradient(to bottom, #A8A2D5 0%, #7D69B2 50%, #613D90 100%);
}
</style>