#C9AA5E - #79621D | 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 #C9AA5E to #79621D

#C9AA5E #79621D

Calculate the color between two colors, #C9AA5E and #79621D. 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)

#C9AA5E - #79621D | 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 #C9AA5E as 0% and #79621D as 100%.

0.0%	0.0% #C9AA5E	RGB 201 170 94	#C9AA5E
16.7%	16.7% #BB9E53	RGB 187 158 83	#BB9E53
33.3%	33.3% #AE9248	RGB 174 146 72	#AE9248
50.0%	50.0% #A1863D	RGB 161 134 61	#A1863D
66.7%	66.7% #937A32	RGB 147 122 50	#937A32
83.3%	83.3% #866E27	RGB 134 110 39	#866E27
100.0%	100.0% #79621D	RGB 121 98 29	#79621D

#C9AA5E #BB9E53 #AE9248 #A1863D #937A32 #866E27 #79621D

#C9AA5E - #79621D

HSV Blend

#C9AA5E - #79621D | 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 #C9AA5E as 0% and #79621D as 100%.

0.0%	0.0% #C9AA5E	RGB 201 170 94	#C9AA5E
16.7%	16.7% #BB9D50	RGB 187 157 80	#BB9D50
33.3%	33.3% #AE9144	RGB 174 145 68	#AE9144
50.0%	50.0% #A18438	RGB 161 132 56	#A18438
66.7%	66.7% #93792E	RGB 147 121 46	#93792E
83.3%	83.3% #866D25	RGB 134 109 37	#866D25
100.0%	100.0% #79621D	RGB 121 98 29	#79621D

#C9AA5E #BB9D50 #AE9144 #A18438 #93792E #866D25 #79621D

#C9AA5E - #A18438 - #79621D

CSS codes

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

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