#AEAF3C - #313211 | 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 #AEAF3C to #313211

#AEAF3C #313211

Calculate the color between two colors, #AEAF3C and #313211. 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)

#AEAF3C - #313211 | 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 #AEAF3C as 0% and #313211 as 100%.

0.0%	0.0% #AEAF3C	RGB 174 175 60	#AEAF3C
16.7%	16.7% #999A34	RGB 153 154 52	#999A34
33.3%	33.3% #84852D	RGB 132 133 45	#84852D
50.0%	50.0% #6F7026	RGB 111 112 38	#6F7026
66.7%	66.7% #5A5B1F	RGB 90 91 31	#5A5B1F
83.3%	83.3% #454618	RGB 69 70 24	#454618
100.0%	100.0% #313211	RGB 49 50 17	#313211

#AEAF3C #999A34 #84852D #6F7026 #5A5B1F #454618 #313211

#AEAF3C - #313211

HSV Blend

#AEAF3C - #313211 | 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 #AEAF3C as 0% and #313211 as 100%.

0.0%	0.0% #AEAF3C	RGB 174 175 60	#AEAF3C
16.7%	16.7% #989A34	RGB 152 154 52	#989A34
33.3%	33.3% #83852D	RGB 131 133 45	#83852D
50.0%	50.0% #6F7026	RGB 111 112 38	#6F7026
66.7%	66.7% #5A5B1F	RGB 90 91 31	#5A5B1F
83.3%	83.3% #454618	RGB 69 70 24	#454618
100.0%	100.0% #313211	RGB 49 50 17	#313211

#AEAF3C #989A34 #83852D #6F7026 #5A5B1F #454618 #313211

#AEAF3C - #6F7026 - #313211

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AEAF3C 0%, #6F7026 50%, #313211 100%);
    background: -webkit-linear-gradient(top, #AEAF3C 0%, #6F7026 50%, #313211 100%);
    background: linear-gradient(to bottom, #AEAF3C 0%, #6F7026 50%, #313211 100%);
}
</style>