#C7A65E - #9F681B | 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 #C7A65E to #9F681B

#C7A65E #9F681B

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

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

0.0%	0.0% #C7A65E	RGB 199 166 94	#C7A65E
16.7%	16.7% #C09B52	RGB 192 155 82	#C09B52
33.3%	33.3% #B99147	RGB 185 145 71	#B99147
50.0%	50.0% #B3873C	RGB 179 135 60	#B3873C
66.7%	66.7% #AC7C31	RGB 172 124 49	#AC7C31
83.3%	83.3% #A57226	RGB 165 114 38	#A57226
100.0%	100.0% #9F681B	RGB 159 104 27	#9F681B

#C7A65E #C09B52 #B99147 #B3873C #AC7C31 #A57226 #9F681B

#C7A65E - #9F681B

HSV Blend

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

0.0%	0.0% #C7A65E	RGB 199 166 94	#C7A65E
16.7%	16.7% #C09B51	RGB 192 155 81	#C09B51
33.3%	33.3% #B99144	RGB 185 145 68	#B99144
50.0%	50.0% #B38639	RGB 179 134 57	#B38639
66.7%	66.7% #AC7C2E	RGB 172 124 46	#AC7C2E
83.3%	83.3% #A57224	RGB 165 114 36	#A57224
100.0%	100.0% #9F681B	RGB 159 104 27	#9F681B

#C7A65E #C09B51 #B99144 #B38639 #AC7C2E #A57224 #9F681B

#C7A65E - #B38639 - #9F681B

CSS codes

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

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