#C5B5A1 - #A77E4C | 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 #C5B5A1 to #A77E4C

#C5B5A1 #A77E4C

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

#C5B5A1 - #A77E4C | 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 #C5B5A1 as 0% and #A77E4C as 100%.

0.0%	0.0% #C5B5A1	RGB 197 181 161	#C5B5A1
16.7%	16.7% #C0AB92	RGB 192 171 146	#C0AB92
33.3%	33.3% #BBA284	RGB 187 162 132	#BBA284
50.0%	50.0% #B69976	RGB 182 153 118	#B69976
66.7%	66.7% #B19068	RGB 177 144 104	#B19068
83.3%	83.3% #AC875A	RGB 172 135 90	#AC875A
100.0%	100.0% #A77E4C	RGB 167 126 76	#A77E4C

#C5B5A1 #C0AB92 #BBA284 #B69976 #B19068 #AC875A #A77E4C

#C5B5A1 - #A77E4C

HSV Blend

#C5B5A1 - #A77E4C | 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 #C5B5A1 as 0% and #A77E4C as 100%.

0.0%	0.0% #C5B5A1	RGB 197 181 161	#C5B5A1
16.7%	16.7% #C0AB91	RGB 192 171 145	#C0AB91
33.3%	33.3% #BBA182	RGB 187 161 130	#BBA182
50.0%	50.0% #B69873	RGB 182 152 115	#B69873
66.7%	66.7% #B18F65	RGB 177 143 101	#B18F65
83.3%	83.3% #AC8658	RGB 172 134 88	#AC8658
100.0%	100.0% #A77E4C	RGB 167 126 76	#A77E4C

#C5B5A1 #C0AB91 #BBA182 #B69873 #B18F65 #AC8658 #A77E4C

#C5B5A1 - #B69873 - #A77E4C

CSS codes

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

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