#C0BCA2 - #8C864C | 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 #C0BCA2 to #8C864C

#C0BCA2 #8C864C

Calculate the color between two colors, #C0BCA2 and #8C864C. 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)

#C0BCA2 - #8C864C | 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 #C0BCA2 as 0% and #8C864C as 100%.

0.0%	0.0% #C0BCA2	RGB 192 188 162	#C0BCA2
16.7%	16.7% #B7B393	RGB 183 179 147	#B7B393
33.3%	33.3% #AEAA85	RGB 174 170 133	#AEAA85
50.0%	50.0% #A6A177	RGB 166 161 119	#A6A177
66.7%	66.7% #9D9868	RGB 157 152 104	#9D9868
83.3%	83.3% #948F5A	RGB 148 143 90	#948F5A
100.0%	100.0% #8C864C	RGB 140 134 76	#8C864C

#C0BCA2 #B7B393 #AEAA85 #A6A177 #9D9868 #948F5A #8C864C

#C0BCA2 - #8C864C

HSV Blend

#C0BCA2 - #8C864C | 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 #C0BCA2 as 0% and #8C864C as 100%.

0.0%	0.0% #C0BCA2	RGB 192 188 162	#C0BCA2
16.7%	16.7% #B7B291	RGB 183 178 145	#B7B291
33.3%	33.3% #AEA981	RGB 174 169 129	#AEA981
50.0%	50.0% #A6A073	RGB 166 160 115	#A6A073
66.7%	66.7% #9D9765	RGB 157 151 101	#9D9765
83.3%	83.3% #948E58	RGB 148 142 88	#948E58
100.0%	100.0% #8C864C	RGB 140 134 76	#8C864C

#C0BCA2 #B7B291 #AEA981 #A6A073 #9D9765 #948E58 #8C864C

#C0BCA2 - #A6A073 - #8C864C

CSS codes

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

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