#A0AC8C - #5D5E3A | 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 #A0AC8C to #5D5E3A

#A0AC8C #5D5E3A

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

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

0.0%	0.0% #A0AC8C	RGB 160 172 140	#A0AC8C
16.7%	16.7% #949F7E	RGB 148 159 126	#949F7E
33.3%	33.3% #899270	RGB 137 146 112	#899270
50.0%	50.0% #7E8563	RGB 126 133 99	#7E8563
66.7%	66.7% #737855	RGB 115 120 85	#737855
83.3%	83.3% #686B47	RGB 104 107 71	#686B47
100.0%	100.0% #5D5E3A	RGB 93 94 58	#5D5E3A

#A0AC8C #949F7E #899270 #7E8563 #737855 #686B47 #5D5E3A

#A0AC8C - #5D5E3A

HSV Blend

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

0.0%	0.0% #A0AC8C	RGB 160 172 140	#A0AC8C
16.7%	16.7% #939F7C	RGB 147 159 124	#939F7C
33.3%	33.3% #88926D	RGB 136 146 109	#88926D
50.0%	50.0% #7D855F	RGB 125 133 95	#7D855F
66.7%	66.7% #727851	RGB 114 120 81	#727851
83.3%	83.3% #676B45	RGB 103 107 69	#676B45
100.0%	100.0% #5D5E3A	RGB 93 94 58	#5D5E3A

#A0AC8C #939F7C #88926D #7D855F #727851 #676B45 #5D5E3A

#A0AC8C - #7D855F - #5D5E3A

CSS codes

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

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