#C9C6B7 - #ACA063 | 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 #C9C6B7 to #ACA063

#C9C6B7 #ACA063

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

#C9C6B7 - #ACA063 | 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 #C9C6B7 as 0% and #ACA063 as 100%.

0.0%	0.0% #C9C6B7	RGB 201 198 183	#C9C6B7
16.7%	16.7% #C4BFA9	RGB 196 191 169	#C4BFA9
33.3%	33.3% #BFB99B	RGB 191 185 155	#BFB99B
50.0%	50.0% #BAB38D	RGB 186 179 141	#BAB38D
66.7%	66.7% #B5AC7F	RGB 181 172 127	#B5AC7F
83.3%	83.3% #B0A671	RGB 176 166 113	#B0A671
100.0%	100.0% #ACA063	RGB 172 160 99	#ACA063

#C9C6B7 #C4BFA9 #BFB99B #BAB38D #B5AC7F #B0A671 #ACA063

#C9C6B7 - #ACA063

HSV Blend

#C9C6B7 - #ACA063 | 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 #C9C6B7 as 0% and #ACA063 as 100%.

0.0%	0.0% #C9C6B7	RGB 201 198 183	#C9C6B7
16.7%	16.7% #C4BFA7	RGB 196 191 167	#C4BFA7
33.3%	33.3% #BFB898	RGB 191 184 152	#BFB898
50.0%	50.0% #BAB28A	RGB 186 178 138	#BAB28A
66.7%	66.7% #B5AC7C	RGB 181 172 124	#B5AC7C
83.3%	83.3% #B0A66F	RGB 176 166 111	#B0A66F
100.0%	100.0% #ACA063	RGB 172 160 99	#ACA063

#C9C6B7 #C4BFA7 #BFB898 #BAB28A #B5AC7C #B0A66F #ACA063

#C9C6B7 - #BAB28A - #ACA063

CSS codes

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

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