#A1A39F - #5E8C49 | 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 #A1A39F to #5E8C49

#A1A39F #5E8C49

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

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

0.0%	0.0% #A1A39F	RGB 161 163 159	#A1A39F
16.7%	16.7% #959F90	RGB 149 159 144	#959F90
33.3%	33.3% #8A9B82	RGB 138 155 130	#8A9B82
50.0%	50.0% #7F9774	RGB 127 151 116	#7F9774
66.7%	66.7% #749365	RGB 116 147 101	#749365
83.3%	83.3% #698F57	RGB 105 143 87	#698F57
100.0%	100.0% #5E8C49	RGB 94 140 73	#5E8C49

#A1A39F #959F90 #8A9B82 #7F9774 #749365 #698F57 #5E8C49

#A1A39F - #5E8C49

HSV Blend

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

0.0%	0.0% #A1A39F	RGB 161 163 159	#A1A39F
16.7%	16.7% #969F8F	RGB 150 159 143	#969F8F
33.3%	33.3% #8B9B80	RGB 139 155 128	#8B9B80
50.0%	50.0% #809771	RGB 128 151 113	#809771
66.7%	66.7% #759363	RGB 117 147 99	#759363
83.3%	83.3% #698F55	RGB 105 143 85	#698F55
100.0%	100.0% #5E8C49	RGB 94 140 73	#5E8C49

#A1A39F #969F8F #8B9B80 #809771 #759363 #698F55 #5E8C49

#A1A39F - #809771 - #5E8C49

CSS codes

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

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