#C0B2B6 - #A85D6B | 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 #C0B2B6 to #A85D6B

#C0B2B6 #A85D6B

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

#C0B2B6 - #A85D6B | 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 #C0B2B6 as 0% and #A85D6B as 100%.

0.0%	0.0% #C0B2B6	RGB 192 178 182	#C0B2B6
16.7%	16.7% #BCA3A9	RGB 188 163 169	#BCA3A9
33.3%	33.3% #B8959D	RGB 184 149 157	#B8959D
50.0%	50.0% #B48790	RGB 180 135 144	#B48790
66.7%	66.7% #B07984	RGB 176 121 132	#B07984
83.3%	83.3% #AC6B77	RGB 172 107 119	#AC6B77
100.0%	100.0% #A85D6B	RGB 168 93 107	#A85D6B

#C0B2B6 #BCA3A9 #B8959D #B48790 #B07984 #AC6B77 #A85D6B

#C0B2B6 - #A85D6B

HSV Blend

#C0B2B6 - #A85D6B | 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 #C0B2B6 as 0% and #A85D6B as 100%.

0.0%	0.0% #C0B2B6	RGB 192 178 182	#C0B2B6
16.7%	16.7% #BCA2A9	RGB 188 162 169	#BCA2A9
33.3%	33.3% #B8939C	RGB 184 147 156	#B8939C
50.0%	50.0% #B48590	RGB 180 133 144	#B48590
66.7%	66.7% #B07783	RGB 176 119 131	#B07783
83.3%	83.3% #AC6977	RGB 172 105 119	#AC6977
100.0%	100.0% #A85D6B	RGB 168 93 107	#A85D6B

#C0B2B6 #BCA2A9 #B8939C #B48590 #B07783 #AC6977 #A85D6B

#C0B2B6 - #B48590 - #A85D6B

CSS codes

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

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