#C0B6B2 - #A87B5D | 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 #C0B6B2 to #A87B5D

#C0B6B2 #A87B5D

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

#C0B6B2 - #A87B5D | 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 #C0B6B2 as 0% and #A87B5D as 100%.

0.0%	0.0% #C0B6B2	RGB 192 182 178	#C0B6B2
16.7%	16.7% #BCACA3	RGB 188 172 163	#BCACA3
33.3%	33.3% #B8A295	RGB 184 162 149	#B8A295
50.0%	50.0% #B49887	RGB 180 152 135	#B49887
66.7%	66.7% #B08E79	RGB 176 142 121	#B08E79
83.3%	83.3% #AC846B	RGB 172 132 107	#AC846B
100.0%	100.0% #A87B5D	RGB 168 123 93	#A87B5D

#C0B6B2 #BCACA3 #B8A295 #B49887 #B08E79 #AC846B #A87B5D

#C0B6B2 - #A87B5D

HSV Blend

#C0B6B2 - #A87B5D | 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 #C0B6B2 as 0% and #A87B5D as 100%.

0.0%	0.0% #C0B6B2	RGB 192 182 178	#C0B6B2
16.7%	16.7% #BCAAA2	RGB 188 170 162	#BCAAA2
33.3%	33.3% #B89F93	RGB 184 159 147	#B89F93
50.0%	50.0% #B49585	RGB 180 149 133	#B49585
66.7%	66.7% #B08B77	RGB 176 139 119	#B08B77
83.3%	83.3% #AC8369	RGB 172 131 105	#AC8369
100.0%	100.0% #A87B5D	RGB 168 123 93	#A87B5D

#C0B6B2 #BCAAA2 #B89F93 #B49585 #B08B77 #AC8369 #A87B5D

#C0B6B2 - #B49585 - #A87B5D

CSS codes

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

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