#AB9C8C - #885B38 | 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 #AB9C8C to #885B38

#AB9C8C #885B38

Calculate the color between two colors, #AB9C8C and #885B38. 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)

#AB9C8C - #885B38 | 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 #AB9C8C as 0% and #885B38 as 100%.

0.0%	0.0% #AB9C8C	RGB 171 156 140	#AB9C8C
16.7%	16.7% #A5917E	RGB 165 145 126	#A5917E
33.3%	33.3% #9F8670	RGB 159 134 112	#9F8670
50.0%	50.0% #997B62	RGB 153 123 98	#997B62
66.7%	66.7% #937054	RGB 147 112 84	#937054
83.3%	83.3% #8D6546	RGB 141 101 70	#8D6546
100.0%	100.0% #885B38	RGB 136 91 56	#885B38

#AB9C8C #A5917E #9F8670 #997B62 #937054 #8D6546 #885B38

#AB9C8C - #885B38

HSV Blend

#AB9C8C - #885B38 | 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 #AB9C8C as 0% and #885B38 as 100%.

0.0%	0.0% #AB9C8C	RGB 171 156 140	#AB9C8C
16.7%	16.7% #A5907C	RGB 165 144 124	#A5907C
33.3%	33.3% #9F856C	RGB 159 133 108	#9F856C
50.0%	50.0% #997A5E	RGB 153 122 94	#997A5E
66.7%	66.7% #936F50	RGB 147 111 80	#936F50
83.3%	83.3% #8D6544	RGB 141 101 68	#8D6544
100.0%	100.0% #885B38	RGB 136 91 56	#885B38

#AB9C8C #A5907C #9F856C #997A5E #936F50 #8D6544 #885B38

#AB9C8C - #997A5E - #885B38

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AB9C8C 0%, #997A5E 50%, #885B38 100%);
    background: -webkit-linear-gradient(top, #AB9C8C 0%, #997A5E 50%, #885B38 100%);
    background: linear-gradient(to bottom, #AB9C8C 0%, #997A5E 50%, #885B38 100%);
}
</style>