#A1AD5E - #5A6D16 | 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 #A1AD5E to #5A6D16

#A1AD5E #5A6D16

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

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

0.0%	0.0% #A1AD5E	RGB 161 173 94	#A1AD5E
16.7%	16.7% #95A252	RGB 149 162 82	#95A252
33.3%	33.3% #899746	RGB 137 151 70	#899746
50.0%	50.0% #7D8D3A	RGB 125 141 58	#7D8D3A
66.7%	66.7% #71822E	RGB 113 130 46	#71822E
83.3%	83.3% #657722	RGB 101 119 34	#657722
100.0%	100.0% #5A6D16	RGB 90 109 22	#5A6D16

#A1AD5E #95A252 #899746 #7D8D3A #71822E #657722 #5A6D16

#A1AD5E - #5A6D16

HSV Blend

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

0.0%	0.0% #A1AD5E	RGB 161 173 94	#A1AD5E
16.7%	16.7% #94A24E	RGB 148 162 78	#94A24E
33.3%	33.3% #889741	RGB 136 151 65	#889741
50.0%	50.0% #7C8D34	RGB 124 141 52	#7C8D34
66.7%	66.7% #708229	RGB 112 130 41	#708229
83.3%	83.3% #65771E	RGB 101 119 30	#65771E
100.0%	100.0% #5A6D16	RGB 90 109 22	#5A6D16

#A1AD5E #94A24E #889741 #7C8D34 #708229 #65771E #5A6D16

#A1AD5E - #7C8D34 - #5A6D16

CSS codes

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

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