#A9A8A8 - #5B535E | 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 #A9A8A8 to #5B535E

#A9A8A8 #5B535E

Calculate the color between two colors, #A9A8A8 and #5B535E. 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)

#A9A8A8 - #5B535E | 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 #A9A8A8 as 0% and #5B535E as 100%.

0.0%	0.0% #A9A8A8	RGB 169 168 168	#A9A8A8
16.7%	16.7% #9C999B	RGB 156 153 155	#9C999B
33.3%	33.3% #8F8B8F	RGB 143 139 143	#8F8B8F
50.0%	50.0% #827D83	RGB 130 125 131	#827D83
66.7%	66.7% #756F76	RGB 117 111 118	#756F76
83.3%	83.3% #68616A	RGB 104 97 106	#68616A
100.0%	100.0% #5B535E	RGB 91 83 94	#5B535E

#A9A8A8 #9C999B #8F8B8F #827D83 #756F76 #68616A #5B535E

#A9A8A8 - #5B535E

HSV Blend

#A9A8A8 - #5B535E | 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 #A9A8A8 as 0% and #5B535E as 100%.

0.0%	0.0% #A9A8A8	RGB 169 168 168	#A9A8A8
16.7%	16.7% #9C9899	RGB 156 152 153	#9C9899
33.3%	33.3% #90898C	RGB 144 137 140	#90898C
50.0%	50.0% #837B80	RGB 131 123 128	#837B80
66.7%	66.7% #776D75	RGB 119 109 117	#776D75
83.3%	83.3% #69606A	RGB 105 96 106	#69606A
100.0%	100.0% #5B535E	RGB 91 83 94	#5B535E

#A9A8A8 #9C9899 #90898C #837B80 #776D75 #69606A #5B535E

#A9A8A8 - #837B80 - #5B535E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A9A8A8 0%, #837B80 50%, #5B535E 100%);
    background: -webkit-linear-gradient(top, #A9A8A8 0%, #837B80 50%, #5B535E 100%);
    background: linear-gradient(to bottom, #A9A8A8 0%, #837B80 50%, #5B535E 100%);
}
</style>