#AFADA0 - #85714B | 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 #AFADA0 to #85714B

#AFADA0 #85714B

Calculate the color between two colors, #AFADA0 and #85714B. 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)

#AFADA0 - #85714B | 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 #AFADA0 as 0% and #85714B as 100%.

0.0%	0.0% #AFADA0	RGB 175 173 160	#AFADA0
16.7%	16.7% #A8A391	RGB 168 163 145	#A8A391
33.3%	33.3% #A19983	RGB 161 153 131	#A19983
50.0%	50.0% #9A8F75	RGB 154 143 117	#9A8F75
66.7%	66.7% #938567	RGB 147 133 103	#938567
83.3%	83.3% #8C7B59	RGB 140 123 89	#8C7B59
100.0%	100.0% #85714B	RGB 133 113 75	#85714B

#AFADA0 #A8A391 #A19983 #9A8F75 #938567 #8C7B59 #85714B

#AFADA0 - #85714B

HSV Blend

#AFADA0 - #85714B | 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 #AFADA0 as 0% and #85714B as 100%.

0.0%	0.0% #AFADA0	RGB 175 173 160	#AFADA0
16.7%	16.7% #A8A38F	RGB 168 163 143	#A8A38F
33.3%	33.3% #A19A80	RGB 161 154 128	#A19A80
50.0%	50.0% #9A9071	RGB 154 144 113	#9A9071
66.7%	66.7% #938664	RGB 147 134 100	#938664
83.3%	83.3% #8C7B57	RGB 140 123 87	#8C7B57
100.0%	100.0% #85714B	RGB 133 113 75	#85714B

#AFADA0 #A8A38F #A19A80 #9A9071 #938664 #8C7B57 #85714B

#AFADA0 - #9A9071 - #85714B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFADA0 0%, #9A9071 50%, #85714B 100%);
    background: -webkit-linear-gradient(top, #AFADA0 0%, #9A9071 50%, #85714B 100%);
    background: linear-gradient(to bottom, #AFADA0 0%, #9A9071 50%, #85714B 100%);
}
</style>