#C6BDB9 - #AD8465 | 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 #C6BDB9 to #AD8465

#C6BDB9 #AD8465

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

#C6BDB9 - #AD8465 | 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 #C6BDB9 as 0% and #AD8465 as 100%.

0.0%	0.0% #C6BDB9	RGB 198 189 185	#C6BDB9
16.7%	16.7% #C1B3AB	RGB 193 179 171	#C1B3AB
33.3%	33.3% #BDAA9D	RGB 189 170 157	#BDAA9D
50.0%	50.0% #B9A08F	RGB 185 160 143	#B9A08F
66.7%	66.7% #B59781	RGB 181 151 129	#B59781
83.3%	83.3% #B18D73	RGB 177 141 115	#B18D73
100.0%	100.0% #AD8465	RGB 173 132 101	#AD8465

#C6BDB9 #C1B3AB #BDAA9D #B9A08F #B59781 #B18D73 #AD8465

#C6BDB9 - #AD8465

HSV Blend

#C6BDB9 - #AD8465 | 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 #C6BDB9 as 0% and #AD8465 as 100%.

0.0%	0.0% #C6BDB9	RGB 198 189 185	#C6BDB9
16.7%	16.7% #C1B1A9	RGB 193 177 169	#C1B1A9
33.3%	33.3% #BDA79B	RGB 189 167 155	#BDA79B
50.0%	50.0% #B99D8C	RGB 185 157 140	#B99D8C
66.7%	66.7% #B5947F	RGB 181 148 127	#B5947F
83.3%	83.3% #B18B71	RGB 177 139 113	#B18B71
100.0%	100.0% #AD8465	RGB 173 132 101	#AD8465

#C6BDB9 #C1B1A9 #BDA79B #B99D8C #B5947F #B18B71 #AD8465

#C6BDB9 - #B99D8C - #AD8465

CSS codes

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

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