#C0B0AB - #8D6856 | 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 #C0B0AB to #8D6856

#C0B0AB #8D6856

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

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

0.0%	0.0% #C0B0AB	RGB 192 176 171	#C0B0AB
16.7%	16.7% #B7A49C	RGB 183 164 156	#B7A49C
33.3%	33.3% #AF988E	RGB 175 152 142	#AF988E
50.0%	50.0% #A68C80	RGB 166 140 128	#A68C80
66.7%	66.7% #9E8072	RGB 158 128 114	#9E8072
83.3%	83.3% #957464	RGB 149 116 100	#957464
100.0%	100.0% #8D6856	RGB 141 104 86	#8D6856

#C0B0AB #B7A49C #AF988E #A68C80 #9E8072 #957464 #8D6856

#C0B0AB - #8D6856

HSV Blend

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

0.0%	0.0% #C0B0AB	RGB 192 176 171	#C0B0AB
16.7%	16.7% #B7A29A	RGB 183 162 154	#B7A29A
33.3%	33.3% #AF948B	RGB 175 148 139	#AF948B
50.0%	50.0% #A6887C	RGB 166 136 124	#A6887C
66.7%	66.7% #9E7D6F	RGB 158 125 111	#9E7D6F
83.3%	83.3% #957262	RGB 149 114 98	#957262
100.0%	100.0% #8D6856	RGB 141 104 86	#8D6856

#C0B0AB #B7A29A #AF948B #A6887C #9E7D6F #957262 #8D6856

#C0B0AB - #A6887C - #8D6856

CSS codes

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

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