#C5C0A1 - #ACA94B | 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 #C5C0A1 to #ACA94B

#C5C0A1 #ACA94B

Calculate the color between two colors, #C5C0A1 and #ACA94B. 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)

#C5C0A1 - #ACA94B | 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 #C5C0A1 as 0% and #ACA94B as 100%.

0.0%	0.0% #C5C0A1	RGB 197 192 161	#C5C0A1
16.7%	16.7% #C0BC92	RGB 192 188 146	#C0BC92
33.3%	33.3% #BCB884	RGB 188 184 132	#BCB884
50.0%	50.0% #B8B476	RGB 184 180 118	#B8B476
66.7%	66.7% #B4B067	RGB 180 176 103	#B4B067
83.3%	83.3% #B0AC59	RGB 176 172 89	#B0AC59
100.0%	100.0% #ACA94B	RGB 172 169 75	#ACA94B

#C5C0A1 #C0BC92 #BCB884 #B8B476 #B4B067 #B0AC59 #ACA94B

#C5C0A1 - #ACA94B

HSV Blend

#C5C0A1 - #ACA94B | 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 #C5C0A1 as 0% and #ACA94B as 100%.

0.0%	0.0% #C5C0A1	RGB 197 192 161	#C5C0A1
16.7%	16.7% #C0BB91	RGB 192 187 145	#C0BB91
33.3%	33.3% #BCB682	RGB 188 182 130	#BCB682
50.0%	50.0% #B8B273	RGB 184 178 115	#B8B273
66.7%	66.7% #B4AF65	RGB 180 175 101	#B4AF65
83.3%	83.3% #B0AB58	RGB 176 171 88	#B0AB58
100.0%	100.0% #ACA94B	RGB 172 169 75	#ACA94B

#C5C0A1 #C0BB91 #BCB682 #B8B273 #B4AF65 #B0AB58 #ACA94B

#C5C0A1 - #B8B273 - #ACA94B

CSS codes

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

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