#C6BBB5 - #AD8061 | 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 #C6BBB5 to #AD8061

#C6BBB5 #AD8061

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

#C6BBB5 - #AD8061 | 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 #C6BBB5 as 0% and #AD8061 as 100%.

0.0%	0.0% #C6BBB5	RGB 198 187 181	#C6BBB5
16.7%	16.7% #C1B1A7	RGB 193 177 167	#C1B1A7
33.3%	33.3% #BDA799	RGB 189 167 153	#BDA799
50.0%	50.0% #B99D8B	RGB 185 157 139	#B99D8B
66.7%	66.7% #B5937D	RGB 181 147 125	#B5937D
83.3%	83.3% #B1896F	RGB 177 137 111	#B1896F
100.0%	100.0% #AD8061	RGB 173 128 97	#AD8061

#C6BBB5 #C1B1A7 #BDA799 #B99D8B #B5937D #B1896F #AD8061

#C6BBB5 - #AD8061

HSV Blend

#C6BBB5 - #AD8061 | 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 #C6BBB5 as 0% and #AD8061 as 100%.

0.0%	0.0% #C6BBB5	RGB 198 187 181	#C6BBB5
16.7%	16.7% #C1AFA5	RGB 193 175 165	#C1AFA5
33.3%	33.3% #BDA597	RGB 189 165 151	#BDA597
50.0%	50.0% #B99B88	RGB 185 155 136	#B99B88
66.7%	66.7% #B5917B	RGB 181 145 123	#B5917B
83.3%	83.3% #B1886D	RGB 177 136 109	#B1886D
100.0%	100.0% #AD8061	RGB 173 128 97	#AD8061

#C6BBB5 #C1AFA5 #BDA597 #B99B88 #B5917B #B1886D #AD8061

#C6BBB5 - #B99B88 - #AD8061

CSS codes

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

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