#A8A2A8 - #52545C | 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 #A8A2A8 to #52545C

#A8A2A8 #52545C

Calculate the color between two colors, #A8A2A8 and #52545C. 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)

#A8A2A8 - #52545C | 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 #A8A2A8 as 0% and #52545C as 100%.

0.0%	0.0% #A8A2A8	RGB 168 162 168	#A8A2A8
16.7%	16.7% #99959B	RGB 153 149 155	#99959B
33.3%	33.3% #8B888E	RGB 139 136 142	#8B888E
50.0%	50.0% #7D7B82	RGB 125 123 130	#7D7B82
66.7%	66.7% #6E6E75	RGB 110 110 117	#6E6E75
83.3%	83.3% #606168	RGB 96 97 104	#606168
100.0%	100.0% #52545C	RGB 82 84 92	#52545C

#A8A2A8 #99959B #8B888E #7D7B82 #6E6E75 #606168 #52545C

#A8A2A8 - #52545C

HSV Blend

#A8A2A8 - #52545C | 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 #A8A2A8 as 0% and #52545C as 100%.

0.0%	0.0% #A8A2A8	RGB 168 162 168	#A8A2A8
16.7%	16.7% #99939B	RGB 153 147 155	#99939B
33.3%	33.3% #8B868E	RGB 139 134 142	#8B868E
50.0%	50.0% #7C7882	RGB 124 120 130	#7C7882
66.7%	66.7% #6D6B75	RGB 109 107 117	#6D6B75
83.3%	83.3% #5E5E68	RGB 94 94 104	#5E5E68
100.0%	100.0% #52545C	RGB 82 84 92	#52545C

#A8A2A8 #99939B #8B868E #7C7882 #6D6B75 #5E5E68 #52545C

#A8A2A8 - #7C7882 - #52545C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8A2A8 0%, #7C7882 50%, #52545C 100%);
    background: -webkit-linear-gradient(top, #A8A2A8 0%, #7C7882 50%, #52545C 100%);
    background: linear-gradient(to bottom, #A8A2A8 0%, #7C7882 50%, #52545C 100%);
}
</style>