#C0B2B2 - #A8655D | 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 #C0B2B2 to #A8655D

#C0B2B2 #A8655D

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

#C0B2B2 - #A8655D | 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 #C0B2B2 as 0% and #A8655D as 100%.

0.0%	0.0% #C0B2B2	RGB 192 178 178	#C0B2B2
16.7%	16.7% #BCA5A3	RGB 188 165 163	#BCA5A3
33.3%	33.3% #B89895	RGB 184 152 149	#B89895
50.0%	50.0% #B48B87	RGB 180 139 135	#B48B87
66.7%	66.7% #B07E79	RGB 176 126 121	#B07E79
83.3%	83.3% #AC716B	RGB 172 113 107	#AC716B
100.0%	100.0% #A8655D	RGB 168 101 93	#A8655D

#C0B2B2 #BCA5A3 #B89895 #B48B87 #B07E79 #AC716B #A8655D

#C0B2B2 - #A8655D

HSV Blend

#C0B2B2 - #A8655D | 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 #C0B2B2 as 0% and #A8655D as 100%.

0.0%	0.0% #C0B2B2	RGB 192 178 178	#C0B2B2
16.7%	16.7% #BCA3A2	RGB 188 163 162	#BCA3A2
33.3%	33.3% #B89493	RGB 184 148 147	#B89493
50.0%	50.0% #B48785	RGB 180 135 133	#B48785
66.7%	66.7% #B07B77	RGB 176 123 119	#B07B77
83.3%	83.3% #AC6F69	RGB 172 111 105	#AC6F69
100.0%	100.0% #A8655D	RGB 168 101 93	#A8655D

#C0B2B2 #BCA3A2 #B89493 #B48785 #B07B77 #AC6F69 #A8655D

#C0B2B2 - #B48785 - #A8655D

CSS codes

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

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