#C5B6A1 - #AC8C4B | 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 #C5B6A1 to #AC8C4B

#C5B6A1 #AC8C4B

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

#C5B6A1 - #AC8C4B | 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 #C5B6A1 as 0% and #AC8C4B as 100%.

0.0%	0.0% #C5B6A1	RGB 197 182 161	#C5B6A1
16.7%	16.7% #C0AF92	RGB 192 175 146	#C0AF92
33.3%	33.3% #BCA884	RGB 188 168 132	#BCA884
50.0%	50.0% #B8A176	RGB 184 161 118	#B8A176
66.7%	66.7% #B49A67	RGB 180 154 103	#B49A67
83.3%	83.3% #B09359	RGB 176 147 89	#B09359
100.0%	100.0% #AC8C4B	RGB 172 140 75	#AC8C4B

#C5B6A1 #C0AF92 #BCA884 #B8A176 #B49A67 #B09359 #AC8C4B

#C5B6A1 - #AC8C4B

HSV Blend

#C5B6A1 - #AC8C4B | 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 #C5B6A1 as 0% and #AC8C4B as 100%.

0.0%	0.0% #C5B6A1	RGB 197 182 161	#C5B6A1
16.7%	16.7% #C0AD91	RGB 192 173 145	#C0AD91
33.3%	33.3% #BCA682	RGB 188 166 130	#BCA682
50.0%	50.0% #B89E73	RGB 184 158 115	#B89E73
66.7%	66.7% #B49865	RGB 180 152 101	#B49865
83.3%	83.3% #B09158	RGB 176 145 88	#B09158
100.0%	100.0% #AC8C4B	RGB 172 140 75	#AC8C4B

#C5B6A1 #C0AD91 #BCA682 #B89E73 #B49865 #B09158 #AC8C4B

#C5B6A1 - #B89E73 - #AC8C4B

CSS codes

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

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