#A7A0AD - #6E4A8D | 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 #A7A0AD to #6E4A8D

#A7A0AD #6E4A8D

Calculate the color between two colors, #A7A0AD and #6E4A8D. 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)

#A7A0AD - #6E4A8D | 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 #A7A0AD as 0% and #6E4A8D as 100%.

0.0%	0.0% #A7A0AD	RGB 167 160 173	#A7A0AD
16.7%	16.7% #9D91A7	RGB 157 145 167	#9D91A7
33.3%	33.3% #9483A2	RGB 148 131 162	#9483A2
50.0%	50.0% #8A759D	RGB 138 117 157	#8A759D
66.7%	66.7% #816697	RGB 129 102 151	#816697
83.3%	83.3% #775892	RGB 119 88 146	#775892
100.0%	100.0% #6E4A8D	RGB 110 74 141	#6E4A8D

#A7A0AD #9D91A7 #9483A2 #8A759D #816697 #775892 #6E4A8D

#A7A0AD - #6E4A8D

HSV Blend

#A7A0AD - #6E4A8D | 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 #A7A0AD as 0% and #6E4A8D as 100%.

0.0%	0.0% #A7A0AD	RGB 167 160 173	#A7A0AD
16.7%	16.7% #9C8FA7	RGB 156 143 167	#9C8FA7
33.3%	33.3% #9280A2	RGB 146 128 162	#9280A2
50.0%	50.0% #89719D	RGB 137 113 157	#89719D
66.7%	66.7% #7F6397	RGB 127 99 151	#7F6397
83.3%	83.3% #765692	RGB 118 86 146	#765692
100.0%	100.0% #6E4A8D	RGB 110 74 141	#6E4A8D

#A7A0AD #9C8FA7 #9280A2 #89719D #7F6397 #765692 #6E4A8D

#A7A0AD - #89719D - #6E4A8D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A7A0AD 0%, #89719D 50%, #6E4A8D 100%);
    background: -webkit-linear-gradient(top, #A7A0AD 0%, #89719D 50%, #6E4A8D 100%);
    background: linear-gradient(to bottom, #A7A0AD 0%, #89719D 50%, #6E4A8D 100%);
}
</style>