#A9A8A8 - #535A5E | 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 #535A5E

#A9A8A8 #535A5E

Calculate the color between two colors, #A9A8A8 and #535A5E. 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 - #535A5E | 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 #535A5E as 100%.

0.0%	0.0% #A9A8A8	RGB 169 168 168	#A9A8A8
16.7%	16.7% #9A9B9B	RGB 154 155 155	#9A9B9B
33.3%	33.3% #8C8E8F	RGB 140 142 143	#8C8E8F
50.0%	50.0% #7E8183	RGB 126 129 131	#7E8183
66.7%	66.7% #6F7476	RGB 111 116 118	#6F7476
83.3%	83.3% #61676A	RGB 97 103 106	#61676A
100.0%	100.0% #535A5E	RGB 83 90 94	#535A5E

#A9A8A8 #9A9B9B #8C8E8F #7E8183 #6F7476 #61676A #535A5E

#A9A8A8 - #535A5E

HSV Blend

#A9A8A8 - #535A5E | 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 #535A5E as 100%.

0.0%	0.0% #A9A8A8	RGB 169 168 168	#A9A8A8
16.7%	16.7% #9C989A	RGB 156 152 154	#9C989A
33.3%	33.3% #90898F	RGB 144 137 143	#90898F
50.0%	50.0% #807B83	RGB 128 123 131	#807B83
66.7%	66.7% #6F6D77	RGB 111 109 119	#6F6D77
83.3%	83.3% #60626A	RGB 96 98 106	#60626A
100.0%	100.0% #535A5E	RGB 83 90 94	#535A5E

#A9A8A8 #9C989A #90898F #807B83 #6F6D77 #60626A #535A5E

#A9A8A8 - #807B83 - #535A5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A9A8A8 0%, #807B83 50%, #535A5E 100%);
    background: -webkit-linear-gradient(top, #A9A8A8 0%, #807B83 50%, #535A5E 100%);
    background: linear-gradient(to bottom, #A9A8A8 0%, #807B83 50%, #535A5E 100%);
}
</style>