#AFAB8C - #857139 | 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 #AFAB8C to #857139

#AFAB8C #857139

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

#AFAB8C - #857139 | 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 #AFAB8C as 0% and #857139 as 100%.

0.0%	0.0% #AFAB8C	RGB 175 171 140	#AFAB8C
16.7%	16.7% #A8A17E	RGB 168 161 126	#A8A17E
33.3%	33.3% #A19770	RGB 161 151 112	#A19770
50.0%	50.0% #9A8E62	RGB 154 142 98	#9A8E62
66.7%	66.7% #938454	RGB 147 132 84	#938454
83.3%	83.3% #8C7A46	RGB 140 122 70	#8C7A46
100.0%	100.0% #857139	RGB 133 113 57	#857139

#AFAB8C #A8A17E #A19770 #9A8E62 #938454 #8C7A46 #857139

#AFAB8C - #857139

HSV Blend

#AFAB8C - #857139 | 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 #AFAB8C as 0% and #857139 as 100%.

0.0%	0.0% #AFAB8C	RGB 175 171 140	#AFAB8C
16.7%	16.7% #A8A17C	RGB 168 161 124	#A8A17C
33.3%	33.3% #A1986C	RGB 161 152 108	#A1986C
50.0%	50.0% #9A8E5E	RGB 154 142 94	#9A8E5E
66.7%	66.7% #938451	RGB 147 132 81	#938451
83.3%	83.3% #8C7A44	RGB 140 122 68	#8C7A44
100.0%	100.0% #857139	RGB 133 113 57	#857139

#AFAB8C #A8A17C #A1986C #9A8E5E #938451 #8C7A44 #857139

#AFAB8C - #9A8E5E - #857139

CSS codes

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

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