#AFAA5E - #32301A | 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 #AFAA5E to #32301A

#AFAA5E #32301A

Calculate the color between two colors, #AFAA5E and #32301A. 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)

#AFAA5E - #32301A | 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 #AFAA5E as 0% and #32301A as 100%.

0.0%	0.0% #AFAA5E	RGB 175 170 94	#AFAA5E
16.7%	16.7% #9A9552	RGB 154 149 82	#9A9552
33.3%	33.3% #858147	RGB 133 129 71	#858147
50.0%	50.0% #706D3C	RGB 112 109 60	#706D3C
66.7%	66.7% #5B5830	RGB 91 88 48	#5B5830
83.3%	83.3% #464425	RGB 70 68 37	#464425
100.0%	100.0% #32301A	RGB 50 48 26	#32301A

#AFAA5E #9A9552 #858147 #706D3C #5B5830 #464425 #32301A

#AFAA5E - #32301A

HSV Blend

#AFAA5E - #32301A | 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 #AFAA5E as 0% and #32301A as 100%.

0.0%	0.0% #AFAA5E	RGB 175 170 94	#AFAA5E
16.7%	16.7% #9A9552	RGB 154 149 82	#9A9552
33.3%	33.3% #858146	RGB 133 129 70	#858146
50.0%	50.0% #706C3B	RGB 112 108 59	#706C3B
66.7%	66.7% #5B5830	RGB 91 88 48	#5B5830
83.3%	83.3% #464425	RGB 70 68 37	#464425
100.0%	100.0% #32301A	RGB 50 48 26	#32301A

#AFAA5E #9A9552 #858146 #706C3B #5B5830 #464425 #32301A

#AFAA5E - #706C3B - #32301A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFAA5E 0%, #706C3B 50%, #32301A 100%);
    background: -webkit-linear-gradient(top, #AFAA5E 0%, #706C3B 50%, #32301A 100%);
    background: linear-gradient(to bottom, #AFAA5E 0%, #706C3B 50%, #32301A 100%);
}
</style>