#A2A0AA - #574A8C | 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 #A2A0AA to #574A8C

#A2A0AA #574A8C

Calculate the color between two colors, #A2A0AA and #574A8C. 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)

#A2A0AA - #574A8C | 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 #A2A0AA as 0% and #574A8C as 100%.

0.0%	0.0% #A2A0AA	RGB 162 160 170	#A2A0AA
16.7%	16.7% #9591A5	RGB 149 145 165	#9591A5
33.3%	33.3% #8983A0	RGB 137 131 160	#8983A0
50.0%	50.0% #7C759B	RGB 124 117 155	#7C759B
66.7%	66.7% #706696	RGB 112 102 150	#706696
83.3%	83.3% #635891	RGB 99 88 145	#635891
100.0%	100.0% #574A8C	RGB 87 74 140	#574A8C

#A2A0AA #9591A5 #8983A0 #7C759B #706696 #635891 #574A8C

#A2A0AA - #574A8C

HSV Blend

#A2A0AA - #574A8C | 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 #A2A0AA as 0% and #574A8C as 100%.

0.0%	0.0% #A2A0AA	RGB 162 160 170	#A2A0AA
16.7%	16.7% #948FA5	RGB 148 143 165	#948FA5
33.3%	33.3% #8680A0	RGB 134 128 160	#8680A0
50.0%	50.0% #7A719B	RGB 122 113 155	#7A719B
66.7%	66.7% #6D6396	RGB 109 99 150	#6D6396
83.3%	83.3% #625691	RGB 98 86 145	#625691
100.0%	100.0% #574A8C	RGB 87 74 140	#574A8C

#A2A0AA #948FA5 #8680A0 #7A719B #6D6396 #625691 #574A8C

#A2A0AA - #7A719B - #574A8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2A0AA 0%, #7A719B 50%, #574A8C 100%);
    background: -webkit-linear-gradient(top, #A2A0AA 0%, #7A719B 50%, #574A8C 100%);
    background: linear-gradient(to bottom, #A2A0AA 0%, #7A719B 50%, #574A8C 100%);
}
</style>