#C9C2A8 - #AD9B53 | 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 #C9C2A8 to #AD9B53

#C9C2A8 #AD9B53

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

#C9C2A8 - #AD9B53 | 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 #C9C2A8 as 0% and #AD9B53 as 100%.

0.0%	0.0% #C9C2A8	RGB 201 194 168	#C9C2A8
16.7%	16.7% #C4BB99	RGB 196 187 153	#C4BB99
33.3%	33.3% #BFB58B	RGB 191 181 139	#BFB58B
50.0%	50.0% #BBAE7D	RGB 187 174 125	#BBAE7D
66.7%	66.7% #B6A86F	RGB 182 168 111	#B6A86F
83.3%	83.3% #B1A161	RGB 177 161 97	#B1A161
100.0%	100.0% #AD9B53	RGB 173 155 83	#AD9B53

#C9C2A8 #C4BB99 #BFB58B #BBAE7D #B6A86F #B1A161 #AD9B53

#C9C2A8 - #AD9B53

HSV Blend

#C9C2A8 - #AD9B53 | 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 #C9C2A8 as 0% and #AD9B53 as 100%.

0.0%	0.0% #C9C2A8	RGB 201 194 168	#C9C2A8
16.7%	16.7% #C4BB98	RGB 196 187 152	#C4BB98
33.3%	33.3% #BFB489	RGB 191 180 137	#BFB489
50.0%	50.0% #BBAD7B	RGB 187 173 123	#BBAD7B
66.7%	66.7% #B6A76D	RGB 182 167 109	#B6A76D
83.3%	83.3% #B1A15F	RGB 177 161 95	#B1A15F
100.0%	100.0% #AD9B53	RGB 173 155 83	#AD9B53

#C9C2A8 #C4BB98 #BFB489 #BBAD7B #B6A76D #B1A15F #AD9B53

#C9C2A8 - #BBAD7B - #AD9B53

CSS codes

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

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