#C2AF7E - #9C722F | 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 #C2AF7E to #9C722F

#C2AF7E #9C722F

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

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

0.0%	0.0% #C2AF7E	RGB 194 175 126	#C2AF7E
16.7%	16.7% #BBA470	RGB 187 164 112	#BBA470
33.3%	33.3% #B59A63	RGB 181 154 99	#B59A63
50.0%	50.0% #AF9056	RGB 175 144 86	#AF9056
66.7%	66.7% #A88649	RGB 168 134 73	#A88649
83.3%	83.3% #A27C3C	RGB 162 124 60	#A27C3C
100.0%	100.0% #9C722F	RGB 156 114 47	#9C722F

#C2AF7E #BBA470 #B59A63 #AF9056 #A88649 #A27C3C #9C722F

#C2AF7E - #9C722F

HSV Blend

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

0.0%	0.0% #C2AF7E	RGB 194 175 126	#C2AF7E
16.7%	16.7% #BBA46E	RGB 187 164 110	#BBA46E
33.3%	33.3% #B59A60	RGB 181 154 96	#B59A60
50.0%	50.0% #AF9053	RGB 175 144 83	#AF9053
66.7%	66.7% #A88646	RGB 168 134 70	#A88646
83.3%	83.3% #A27C3A	RGB 162 124 58	#A27C3A
100.0%	100.0% #9C722F	RGB 156 114 47	#9C722F

#C2AF7E #BBA46E #B59A60 #AF9053 #A88646 #A27C3A #9C722F

#C2AF7E - #AF9053 - #9C722F

CSS codes

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

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