#C8C4B2 - #A0895E | 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 #C8C4B2 to #A0895E

#C8C4B2 #A0895E

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

#C8C4B2 - #A0895E | 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 #C8C4B2 as 0% and #A0895E as 100%.

0.0%	0.0% #C8C4B2	RGB 200 196 178	#C8C4B2
16.7%	16.7% #C1BAA4	RGB 193 186 164	#C1BAA4
33.3%	33.3% #BAB096	RGB 186 176 150	#BAB096
50.0%	50.0% #B4A688	RGB 180 166 136	#B4A688
66.7%	66.7% #AD9C7A	RGB 173 156 122	#AD9C7A
83.3%	83.3% #A6926C	RGB 166 146 108	#A6926C
100.0%	100.0% #A0895E	RGB 160 137 94	#A0895E

#C8C4B2 #C1BAA4 #BAB096 #B4A688 #AD9C7A #A6926C #A0895E

#C8C4B2 - #A0895E

HSV Blend

#C8C4B2 - #A0895E | 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 #C8C4B2 as 0% and #A0895E as 100%.

0.0%	0.0% #C8C4B2	RGB 200 196 178	#C8C4B2
16.7%	16.7% #C1BAA2	RGB 193 186 162	#C1BAA2
33.3%	33.3% #BAB193	RGB 186 177 147	#BAB193
50.0%	50.0% #B4A784	RGB 180 167 132	#B4A784
66.7%	66.7% #AD9D77	RGB 173 157 119	#AD9D77
83.3%	83.3% #A6936A	RGB 166 147 106	#A6936A
100.0%	100.0% #A0895E	RGB 160 137 94	#A0895E

#C8C4B2 #C1BAA2 #BAB193 #B4A784 #AD9D77 #A6936A #A0895E

#C8C4B2 - #B4A784 - #A0895E

CSS codes

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

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