#A88C5E - #C2B7A6 | 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 #A88C5E to #C2B7A6

#A88C5E #C2B7A6

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

#A88C5E - #C2B7A6 | 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 #A88C5E as 0% and #C2B7A6 as 100%.

0.0%	0.0% #A88C5E	RGB 168 140 94	#A88C5E
16.7%	16.7% #AC936A	RGB 172 147 106	#AC936A
33.3%	33.3% #B09A76	RGB 176 154 118	#B09A76
50.0%	50.0% #B5A182	RGB 181 161 130	#B5A182
66.7%	66.7% #B9A88E	RGB 185 168 142	#B9A88E
83.3%	83.3% #BDAF9A	RGB 189 175 154	#BDAF9A
100.0%	100.0% #C2B7A6	RGB 194 183 166	#C2B7A6

#A88C5E #AC936A #B09A76 #B5A182 #B9A88E #BDAF9A #C2B7A6

#A88C5E - #C2B7A6

HSV Blend

#A88C5E - #C2B7A6 | 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 #A88C5E as 0% and #C2B7A6 as 100%.

0.0%	0.0% #A88C5E	RGB 168 140 94	#A88C5E
16.7%	16.7% #AC9268	RGB 172 146 104	#AC9268
33.3%	33.3% #B09974	RGB 176 153 116	#B09974
50.0%	50.0% #B5A080	RGB 181 160 128	#B5A080
66.7%	66.7% #B9A78C	RGB 185 167 140	#B9A78C
83.3%	83.3% #BDAF98	RGB 189 175 152	#BDAF98
100.0%	100.0% #C2B7A6	RGB 194 183 166	#C2B7A6

#A88C5E #AC9268 #B09974 #B5A080 #B9A78C #BDAF98 #C2B7A6

#A88C5E - #B5A080 - #C2B7A6

CSS codes

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

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