#C9AD8F - #A76B3C | 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 #C9AD8F to #A76B3C

#C9AD8F #A76B3C

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

#C9AD8F - #A76B3C | 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 #C9AD8F as 0% and #A76B3C as 100%.

0.0%	0.0% #C9AD8F	RGB 201 173 143	#C9AD8F
16.7%	16.7% #C3A281	RGB 195 162 129	#C3A281
33.3%	33.3% #BD9773	RGB 189 151 115	#BD9773
50.0%	50.0% #B88C65	RGB 184 140 101	#B88C65
66.7%	66.7% #B28157	RGB 178 129 87	#B28157
83.3%	83.3% #AC7649	RGB 172 118 73	#AC7649
100.0%	100.0% #A76B3C	RGB 167 107 60	#A76B3C

#C9AD8F #C3A281 #BD9773 #B88C65 #B28157 #AC7649 #A76B3C

#C9AD8F - #A76B3C

HSV Blend

#C9AD8F - #A76B3C | 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 #C9AD8F as 0% and #A76B3C as 100%.

0.0%	0.0% #C9AD8F	RGB 201 173 143	#C9AD8F
16.7%	16.7% #C3A17F	RGB 195 161 127	#C3A17F
33.3%	33.3% #BD9670	RGB 189 150 112	#BD9670
50.0%	50.0% #B88B62	RGB 184 139 98	#B88B62
66.7%	66.7% #B28055	RGB 178 128 85	#B28055
83.3%	83.3% #AC7548	RGB 172 117 72	#AC7548
100.0%	100.0% #A76B3C	RGB 167 107 60	#A76B3C

#C9AD8F #C3A17F #BD9670 #B88B62 #B28055 #AC7548 #A76B3C

#C9AD8F - #B88B62 - #A76B3C

CSS codes

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

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