#A0AD8C - #5C7B38 | 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 #A0AD8C to #5C7B38

#A0AD8C #5C7B38

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

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

0.0%	0.0% #A0AD8C	RGB 160 173 140	#A0AD8C
16.7%	16.7% #94A47E	RGB 148 164 126	#94A47E
33.3%	33.3% #899C70	RGB 137 156 112	#899C70
50.0%	50.0% #7E9462	RGB 126 148 98	#7E9462
66.7%	66.7% #728B54	RGB 114 139 84	#728B54
83.3%	83.3% #678346	RGB 103 131 70	#678346
100.0%	100.0% #5C7B38	RGB 92 123 56	#5C7B38

#A0AD8C #94A47E #899C70 #7E9462 #728B54 #678346 #5C7B38

#A0AD8C - #5C7B38

HSV Blend

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

0.0%	0.0% #A0AD8C	RGB 160 173 140	#A0AD8C
16.7%	16.7% #93A47B	RGB 147 164 123	#93A47B
33.3%	33.3% #889C6C	RGB 136 156 108	#889C6C
50.0%	50.0% #7C945D	RGB 124 148 93	#7C945D
66.7%	66.7% #718B50	RGB 113 139 80	#718B50
83.3%	83.3% #668343	RGB 102 131 67	#668343
100.0%	100.0% #5C7B38	RGB 92 123 56	#5C7B38

#A0AD8C #93A47B #889C6C #7C945D #718B50 #668343 #5C7B38

#A0AD8C - #7C945D - #5C7B38

CSS codes

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

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