#A0AA9C - #5D5E4D | 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 #A0AA9C to #5D5E4D

#A0AA9C #5D5E4D

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

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

0.0%	0.0% #A0AA9C	RGB 160 170 156	#A0AA9C
16.7%	16.7% #949D8E	RGB 148 157 142	#949D8E
33.3%	33.3% #899081	RGB 137 144 129	#899081
50.0%	50.0% #7E8474	RGB 126 132 116	#7E8474
66.7%	66.7% #737767	RGB 115 119 103	#737767
83.3%	83.3% #686A5A	RGB 104 106 90	#686A5A
100.0%	100.0% #5D5E4D	RGB 93 94 77	#5D5E4D

#A0AA9C #949D8E #899081 #7E8474 #737767 #686A5A #5D5E4D

#A0AA9C - #5D5E4D

HSV Blend

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

0.0%	0.0% #A0AA9C	RGB 160 170 156	#A0AA9C
16.7%	16.7% #939D8D	RGB 147 157 141	#939D8D
33.3%	33.3% #889080	RGB 136 144 128	#889080
50.0%	50.0% #7D8472	RGB 125 132 114	#7D8472
66.7%	66.7% #727765	RGB 114 119 101	#727765
83.3%	83.3% #676A59	RGB 103 106 89	#676A59
100.0%	100.0% #5D5E4D	RGB 93 94 77	#5D5E4D

#A0AA9C #939D8D #889080 #7D8472 #727765 #676A59 #5D5E4D

#A0AA9C - #7D8472 - #5D5E4D

CSS codes

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

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