#A8A2DA - #613C97 | 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 #A8A2DA to #613C97

#A8A2DA #613C97

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

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

0.0%	0.0% #A8A2DA	RGB 168 162 218	#A8A2DA
16.7%	16.7% #9C91CE	RGB 156 145 206	#9C91CE
33.3%	33.3% #9080C3	RGB 144 128 195	#9080C3
50.0%	50.0% #846FB8	RGB 132 111 184	#846FB8
66.7%	66.7% #785EAD	RGB 120 94 173	#785EAD
83.3%	83.3% #6C4DA2	RGB 108 77 162	#6C4DA2
100.0%	100.0% #613C97	RGB 97 60 151	#613C97

#A8A2DA #9C91CE #9080C3 #846FB8 #785EAD #6C4DA2 #613C97

#A8A2DA - #613C97

HSV Blend

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

0.0%	0.0% #A8A2DA	RGB 168 162 218	#A8A2DA
16.7%	16.7% #978DCE	RGB 151 141 206	#978DCE
33.3%	33.3% #897AC3	RGB 137 122 195	#897AC3
50.0%	50.0% #7D69B8	RGB 125 105 184	#7D69B8
66.7%	66.7% #7258AD	RGB 114 88 173	#7258AD
83.3%	83.3% #6949A2	RGB 105 73 162	#6949A2
100.0%	100.0% #613C97	RGB 97 60 151	#613C97

#A8A2DA #978DCE #897AC3 #7D69B8 #7258AD #6949A2 #613C97

#A8A2DA - #7D69B8 - #613C97

CSS codes

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

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