#C2B6B0 - #80735E | 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 #C2B6B0 to #80735E

#C2B6B0 #80735E

Calculate the color between two colors, #C2B6B0 and #80735E. 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)

#C2B6B0 - #80735E | 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 #C2B6B0 as 0% and #80735E as 100%.

0.0%	0.0% #C2B6B0	RGB 194 182 176	#C2B6B0
16.7%	16.7% #B7AAA2	RGB 183 170 162	#B7AAA2
33.3%	33.3% #AC9F94	RGB 172 159 148	#AC9F94
50.0%	50.0% #A19487	RGB 161 148 135	#A19487
66.7%	66.7% #968979	RGB 150 137 121	#968979
83.3%	83.3% #8B7E6B	RGB 139 126 107	#8B7E6B
100.0%	100.0% #80735E	RGB 128 115 94	#80735E

#C2B6B0 #B7AAA2 #AC9F94 #A19487 #968979 #8B7E6B #80735E

#C2B6B0 - #80735E

HSV Blend

#C2B6B0 - #80735E | 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 #C2B6B0 as 0% and #80735E as 100%.

0.0%	0.0% #C2B6B0	RGB 194 182 176	#C2B6B0
16.7%	16.7% #B7A9A0	RGB 183 169 160	#B7A9A0
33.3%	33.3% #AC9D92	RGB 172 157 146	#AC9D92
50.0%	50.0% #A19184	RGB 161 145 132	#A19184
66.7%	66.7% #968776	RGB 150 135 118	#968776
83.3%	83.3% #8B7C6A	RGB 139 124 106	#8B7C6A
100.0%	100.0% #80735E	RGB 128 115 94	#80735E

#C2B6B0 #B7A9A0 #AC9D92 #A19184 #968776 #8B7C6A #80735E

#C2B6B0 - #A19184 - #80735E

CSS codes

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

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