#AFA75E - #5E5921 | 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 #AFA75E to #5E5921

#AFA75E #5E5921

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

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

0.0%	0.0% #AFA75E	RGB 175 167 94	#AFA75E
16.7%	16.7% #A19A53	RGB 161 154 83	#A19A53
33.3%	33.3% #948D49	RGB 148 141 73	#948D49
50.0%	50.0% #86803F	RGB 134 128 63	#86803F
66.7%	66.7% #797335	RGB 121 115 53	#797335
83.3%	83.3% #6B662B	RGB 107 102 43	#6B662B
100.0%	100.0% #5E5921	RGB 94 89 33	#5E5921

#AFA75E #A19A53 #948D49 #86803F #797335 #6B662B #5E5921

#AFA75E - #5E5921

HSV Blend

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

0.0%	0.0% #AFA75E	RGB 175 167 94	#AFA75E
16.7%	16.7% #A19951	RGB 161 153 81	#A19951
33.3%	33.3% #948C46	RGB 148 140 70	#948C46
50.0%	50.0% #867F3B	RGB 134 127 59	#867F3B
66.7%	66.7% #797231	RGB 121 114 49	#797231
83.3%	83.3% #6B6529	RGB 107 101 41	#6B6529
100.0%	100.0% #5E5921	RGB 94 89 33	#5E5921

#AFA75E #A19951 #948C46 #867F3B #797231 #6B6529 #5E5921

#AFA75E - #867F3B - #5E5921

CSS codes

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

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