#A8AEAF - #5C5A69 | 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 #A8AEAF to #5C5A69

#A8AEAF #5C5A69

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

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

0.0%	0.0% #A8AEAF	RGB 168 174 175	#A8AEAF
16.7%	16.7% #9BA0A3	RGB 155 160 163	#9BA0A3
33.3%	33.3% #8E9297	RGB 142 146 151	#8E9297
50.0%	50.0% #82848C	RGB 130 132 140	#82848C
66.7%	66.7% #757680	RGB 117 118 128	#757680
83.3%	83.3% #686874	RGB 104 104 116	#686874
100.0%	100.0% #5C5A69	RGB 92 90 105	#5C5A69

#A8AEAF #9BA0A3 #8E9297 #82848C #757680 #686874 #5C5A69

#A8AEAF - #5C5A69

HSV Blend

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

0.0%	0.0% #A8AEAF	RGB 168 174 175	#A8AEAF
16.7%	16.7% #9AA0A3	RGB 154 160 163	#9AA0A3
33.3%	33.3% #8C9297	RGB 140 146 151	#8C9297
50.0%	50.0% #7F838C	RGB 127 131 140	#7F838C
66.7%	66.7% #727580	RGB 114 117 128	#727580
83.3%	83.3% #666674	RGB 102 102 116	#666674
100.0%	100.0% #5C5A69	RGB 92 90 105	#5C5A69

#A8AEAF #9AA0A3 #8C9297 #7F838C #727580 #666674 #5C5A69

#A8AEAF - #7F838C - #5C5A69

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8AEAF 0%, #7F838C 50%, #5C5A69 100%);
    background: -webkit-linear-gradient(top, #A8AEAF 0%, #7F838C 50%, #5C5A69 100%);
    background: linear-gradient(to bottom, #A8AEAF 0%, #7F838C 50%, #5C5A69 100%);
}
</style>