#AFBF5E - #32361A | 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 #AFBF5E to #32361A

#AFBF5E #32361A

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

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

0.0%	0.0% #AFBF5E	RGB 175 191 94	#AFBF5E
16.7%	16.7% #9AA852	RGB 154 168 82	#9AA852
33.3%	33.3% #859147	RGB 133 145 71	#859147
50.0%	50.0% #707A3C	RGB 112 122 60	#707A3C
66.7%	66.7% #5B6330	RGB 91 99 48	#5B6330
83.3%	83.3% #464C25	RGB 70 76 37	#464C25
100.0%	100.0% #32361A	RGB 50 54 26	#32361A

#AFBF5E #9AA852 #859147 #707A3C #5B6330 #464C25 #32361A

#AFBF5E - #32361A

HSV Blend

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

0.0%	0.0% #AFBF5E	RGB 175 191 94	#AFBF5E
16.7%	16.7% #9AA852	RGB 154 168 82	#9AA852
33.3%	33.3% #859147	RGB 133 145 71	#859147
50.0%	50.0% #707A3B	RGB 112 122 59	#707A3B
66.7%	66.7% #5B6330	RGB 91 99 48	#5B6330
83.3%	83.3% #474C25	RGB 71 76 37	#474C25
100.0%	100.0% #32361A	RGB 50 54 26	#32361A

#AFBF5E #9AA852 #859147 #707A3B #5B6330 #474C25 #32361A

#AFBF5E - #707A3B - #32361A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFBF5E 0%, #707A3B 50%, #32361A 100%);
    background: -webkit-linear-gradient(top, #AFBF5E 0%, #707A3B 50%, #32361A 100%);
    background: linear-gradient(to bottom, #AFBF5E 0%, #707A3B 50%, #32361A 100%);
}
</style>