#C9A67E - #A86C2D | 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 #C9A67E to #A86C2D

#C9A67E #A86C2D

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

#C9A67E - #A86C2D | 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 #C9A67E as 0% and #A86C2D as 100%.

0.0%	0.0% #C9A67E	RGB 201 166 126	#C9A67E
16.7%	16.7% #C39C70	RGB 195 156 112	#C39C70
33.3%	33.3% #BE9263	RGB 190 146 99	#BE9263
50.0%	50.0% #B88955	RGB 184 137 85	#B88955
66.7%	66.7% #B37F48	RGB 179 127 72	#B37F48
83.3%	83.3% #AD753A	RGB 173 117 58	#AD753A
100.0%	100.0% #A86C2D	RGB 168 108 45	#A86C2D

#C9A67E #C39C70 #BE9263 #B88955 #B37F48 #AD753A #A86C2D

#C9A67E - #A86C2D

HSV Blend

#C9A67E - #A86C2D | 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 #C9A67E as 0% and #A86C2D as 100%.

0.0%	0.0% #C9A67E	RGB 201 166 126	#C9A67E
16.7%	16.7% #C39B6E	RGB 195 155 110	#C39B6E
33.3%	33.3% #BE9160	RGB 190 145 96	#BE9160
50.0%	50.0% #B88752	RGB 184 135 82	#B88752
66.7%	66.7% #B37E45	RGB 179 126 69	#B37E45
83.3%	83.3% #AD7538	RGB 173 117 56	#AD7538
100.0%	100.0% #A86C2D	RGB 168 108 45	#A86C2D

#C9A67E #C39B6E #BE9160 #B88752 #B37E45 #AD7538 #A86C2D

#C9A67E - #B88752 - #A86C2D

CSS codes

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

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