#C6AF6B - #9F7322 | 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 #C6AF6B to #9F7322

#C6AF6B #9F7322

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

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

0.0%	0.0% #C6AF6B	RGB 198 175 107	#C6AF6B
16.7%	16.7% #BFA55E	RGB 191 165 94	#BFA55E
33.3%	33.3% #B99B52	RGB 185 155 82	#B99B52
50.0%	50.0% #B29146	RGB 178 145 70	#B29146
66.7%	66.7% #AC873A	RGB 172 135 58	#AC873A
83.3%	83.3% #A57D2E	RGB 165 125 46	#A57D2E
100.0%	100.0% #9F7322	RGB 159 115 34	#9F7322

#C6AF6B #BFA55E #B99B52 #B29146 #AC873A #A57D2E #9F7322

#C6AF6B - #9F7322

HSV Blend

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

0.0%	0.0% #C6AF6B	RGB 198 175 107	#C6AF6B
16.7%	16.7% #BFA45D	RGB 191 164 93	#BFA45D
33.3%	33.3% #B99A4F	RGB 185 154 79	#B99A4F
50.0%	50.0% #B29043	RGB 178 144 67	#B29043
66.7%	66.7% #AC8637	RGB 172 134 55	#AC8637
83.3%	83.3% #A57C2C	RGB 165 124 44	#A57C2C
100.0%	100.0% #9F7322	RGB 159 115 34	#9F7322

#C6AF6B #BFA45D #B99A4F #B29043 #AC8637 #A57C2C #9F7322

#C6AF6B - #B29043 - #9F7322

CSS codes

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

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