#C9A57E - #A86B2D | 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 #C9A57E to #A86B2D

#C9A57E #A86B2D

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

#C9A57E - #A86B2D | 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 #C9A57E as 0% and #A86B2D as 100%.

0.0%	0.0% #C9A57E	RGB 201 165 126	#C9A57E
16.7%	16.7% #C39B70	RGB 195 155 112	#C39B70
33.3%	33.3% #BE9163	RGB 190 145 99	#BE9163
50.0%	50.0% #B88855	RGB 184 136 85	#B88855
66.7%	66.7% #B37E48	RGB 179 126 72	#B37E48
83.3%	83.3% #AD743A	RGB 173 116 58	#AD743A
100.0%	100.0% #A86B2D	RGB 168 107 45	#A86B2D

#C9A57E #C39B70 #BE9163 #B88855 #B37E48 #AD743A #A86B2D

#C9A57E - #A86B2D

HSV Blend

#C9A57E - #A86B2D | 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 #C9A57E as 0% and #A86B2D as 100%.

0.0%	0.0% #C9A57E	RGB 201 165 126	#C9A57E
16.7%	16.7% #C39A6E	RGB 195 154 110	#C39A6E
33.3%	33.3% #BE9060	RGB 190 144 96	#BE9060
50.0%	50.0% #B88652	RGB 184 134 82	#B88652
66.7%	66.7% #B37D45	RGB 179 125 69	#B37D45
83.3%	83.3% #AD7338	RGB 173 115 56	#AD7338
100.0%	100.0% #A86B2D	RGB 168 107 45	#A86B2D

#C9A57E #C39A6E #BE9060 #B88652 #B37D45 #AD7338 #A86B2D

#C9A57E - #B88652 - #A86B2D

CSS codes

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

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