#C9AF9C - #A96A47 | 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 #C9AF9C to #A96A47

#C9AF9C #A96A47

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

#C9AF9C - #A96A47 | 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 #C9AF9C as 0% and #A96A47 as 100%.

0.0%	0.0% #C9AF9C	RGB 201 175 156	#C9AF9C
16.7%	16.7% #C3A38D	RGB 195 163 141	#C3A38D
33.3%	33.3% #BE987F	RGB 190 152 127	#BE987F
50.0%	50.0% #B98C71	RGB 185 140 113	#B98C71
66.7%	66.7% #B38163	RGB 179 129 99	#B38163
83.3%	83.3% #AE7555	RGB 174 117 85	#AE7555
100.0%	100.0% #A96A47	RGB 169 106 71	#A96A47

#C9AF9C #C3A38D #BE987F #B98C71 #B38163 #AE7555 #A96A47

#C9AF9C - #A96A47

HSV Blend

#C9AF9C - #A96A47 | 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 #C9AF9C as 0% and #A96A47 as 100%.

0.0%	0.0% #C9AF9C	RGB 201 175 156	#C9AF9C
16.7%	16.7% #C3A38C	RGB 195 163 140	#C3A38C
33.3%	33.3% #BE977D	RGB 190 151 125	#BE977D
50.0%	50.0% #B98B6E	RGB 185 139 110	#B98B6E
66.7%	66.7% #B38060	RGB 179 128 96	#B38060
83.3%	83.3% #AE7453	RGB 174 116 83	#AE7453
100.0%	100.0% #A96A47	RGB 169 106 71	#A96A47

#C9AF9C #C3A38C #BE977D #B98B6E #B38060 #AE7453 #A96A47

#C9AF9C - #B98B6E - #A96A47

CSS codes

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

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