#A8A4A8 - #52565C | 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 #A8A4A8 to #52565C

#A8A4A8 #52565C

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

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

0.0%	0.0% #A8A4A8	RGB 168 164 168	#A8A4A8
16.7%	16.7% #99979B	RGB 153 151 155	#99979B
33.3%	33.3% #8B8A8E	RGB 139 138 142	#8B8A8E
50.0%	50.0% #7D7D82	RGB 125 125 130	#7D7D82
66.7%	66.7% #6E7075	RGB 110 112 117	#6E7075
83.3%	83.3% #606368	RGB 96 99 104	#606368
100.0%	100.0% #52565C	RGB 82 86 92	#52565C

#A8A4A8 #99979B #8B8A8E #7D7D82 #6E7075 #606368 #52565C

#A8A4A8 - #52565C

HSV Blend

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

0.0%	0.0% #A8A4A8	RGB 168 164 168	#A8A4A8
16.7%	16.7% #99959B	RGB 153 149 155	#99959B
33.3%	33.3% #8B878E	RGB 139 135 142	#8B878E
50.0%	50.0% #7B7982	RGB 123 121 130	#7B7982
66.7%	66.7% #6C6B75	RGB 108 107 117	#6C6B75
83.3%	83.3% #5E6068	RGB 94 96 104	#5E6068
100.0%	100.0% #52565C	RGB 82 86 92	#52565C

#A8A4A8 #99959B #8B878E #7B7982 #6C6B75 #5E6068 #52565C

#A8A4A8 - #7B7982 - #52565C

CSS codes

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

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