#C7AB5E - #9F6E1B | 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 #C7AB5E to #9F6E1B

#C7AB5E #9F6E1B

Calculate the color between two colors, #C7AB5E and #9F6E1B. 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)

#C7AB5E - #9F6E1B | 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 #C7AB5E as 0% and #9F6E1B as 100%.

0.0%	0.0% #C7AB5E	RGB 199 171 94	#C7AB5E
16.7%	16.7% #C0A052	RGB 192 160 82	#C0A052
33.3%	33.3% #B99647	RGB 185 150 71	#B99647
50.0%	50.0% #B38C3C	RGB 179 140 60	#B38C3C
66.7%	66.7% #AC8231	RGB 172 130 49	#AC8231
83.3%	83.3% #A57826	RGB 165 120 38	#A57826
100.0%	100.0% #9F6E1B	RGB 159 110 27	#9F6E1B

#C7AB5E #C0A052 #B99647 #B38C3C #AC8231 #A57826 #9F6E1B

#C7AB5E - #9F6E1B

HSV Blend

#C7AB5E - #9F6E1B | 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 #C7AB5E as 0% and #9F6E1B as 100%.

0.0%	0.0% #C7AB5E	RGB 199 171 94	#C7AB5E
16.7%	16.7% #C0A051	RGB 192 160 81	#C0A051
33.3%	33.3% #B99644	RGB 185 150 68	#B99644
50.0%	50.0% #B38C39	RGB 179 140 57	#B38C39
66.7%	66.7% #AC822E	RGB 172 130 46	#AC822E
83.3%	83.3% #A57724	RGB 165 119 36	#A57724
100.0%	100.0% #9F6E1B	RGB 159 110 27	#9F6E1B

#C7AB5E #C0A051 #B99644 #B38C39 #AC822E #A57724 #9F6E1B

#C7AB5E - #B38C39 - #9F6E1B

CSS codes

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

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