#C8C4A1 - #A08C4D | 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 #C8C4A1 to #A08C4D

#C8C4A1 #A08C4D

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

#C8C4A1 - #A08C4D | 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 #C8C4A1 as 0% and #A08C4D as 100%.

0.0%	0.0% #C8C4A1	RGB 200 196 161	#C8C4A1
16.7%	16.7% #C1BA93	RGB 193 186 147	#C1BA93
33.3%	33.3% #BAB185	RGB 186 177 133	#BAB185
50.0%	50.0% #B4A877	RGB 180 168 119	#B4A877
66.7%	66.7% #AD9E69	RGB 173 158 105	#AD9E69
83.3%	83.3% #A6955B	RGB 166 149 91	#A6955B
100.0%	100.0% #A08C4D	RGB 160 140 77	#A08C4D

#C8C4A1 #C1BA93 #BAB185 #B4A877 #AD9E69 #A6955B #A08C4D

#C8C4A1 - #A08C4D

HSV Blend

#C8C4A1 - #A08C4D | 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 #C8C4A1 as 0% and #A08C4D as 100%.

0.0%	0.0% #C8C4A1	RGB 200 196 161	#C8C4A1
16.7%	16.7% #C1BB91	RGB 193 187 145	#C1BB91
33.3%	33.3% #BAB282	RGB 186 178 130	#BAB282
50.0%	50.0% #B4A873	RGB 180 168 115	#B4A873
66.7%	66.7% #AD9F66	RGB 173 159 102	#AD9F66
83.3%	83.3% #A69559	RGB 166 149 89	#A69559
100.0%	100.0% #A08C4D	RGB 160 140 77	#A08C4D

#C8C4A1 #C1BB91 #BAB282 #B4A873 #AD9F66 #A69559 #A08C4D

#C8C4A1 - #B4A873 - #A08C4D

CSS codes

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

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