#C0BF9C - #A09A47 | 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 #C0BF9C to #A09A47

#C0BF9C #A09A47

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

#C0BF9C - #A09A47 | 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 #C0BF9C as 0% and #A09A47 as 100%.

0.0%	0.0% #C0BF9C	RGB 192 191 156	#C0BF9C
16.7%	16.7% #BAB88D	RGB 186 184 141	#BAB88D
33.3%	33.3% #B5B27F	RGB 181 178 127	#B5B27F
50.0%	50.0% #B0AC71	RGB 176 172 113	#B0AC71
66.7%	66.7% #AAA663	RGB 170 166 99	#AAA663
83.3%	83.3% #A5A055	RGB 165 160 85	#A5A055
100.0%	100.0% #A09A47	RGB 160 154 71	#A09A47

#C0BF9C #BAB88D #B5B27F #B0AC71 #AAA663 #A5A055 #A09A47

#C0BF9C - #A09A47

HSV Blend

#C0BF9C - #A09A47 | 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 #C0BF9C as 0% and #A09A47 as 100%.

0.0%	0.0% #C0BF9C	RGB 192 191 156	#C0BF9C
16.7%	16.7% #BAB98C	RGB 186 185 140	#BAB98C
33.3%	33.3% #B5B37D	RGB 181 179 125	#B5B37D
50.0%	50.0% #B0AC6E	RGB 176 172 110	#B0AC6E
66.7%	66.7% #AAA660	RGB 170 166 96	#AAA660
83.3%	83.3% #A5A053	RGB 165 160 83	#A5A053
100.0%	100.0% #A09A47	RGB 160 154 71	#A09A47

#C0BF9C #BAB98C #B5B37D #B0AC6E #AAA660 #A5A053 #A09A47

#C0BF9C - #B0AC6E - #A09A47

CSS codes

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

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