#C6B5A8 - #7E6A4B | 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 #C6B5A8 to #7E6A4B

#C6B5A8 #7E6A4B

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

#C6B5A8 - #7E6A4B | 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 #C6B5A8 as 0% and #7E6A4B as 100%.

0.0%	0.0% #C6B5A8	RGB 198 181 168	#C6B5A8
16.7%	16.7% #BAA898	RGB 186 168 152	#BAA898
33.3%	33.3% #AE9C89	RGB 174 156 137	#AE9C89
50.0%	50.0% #A28F79	RGB 162 143 121	#A28F79
66.7%	66.7% #96836A	RGB 150 131 106	#96836A
83.3%	83.3% #8A765A	RGB 138 118 90	#8A765A
100.0%	100.0% #7E6A4B	RGB 126 106 75	#7E6A4B

#C6B5A8 #BAA898 #AE9C89 #A28F79 #96836A #8A765A #7E6A4B

#C6B5A8 - #7E6A4B

HSV Blend

#C6B5A8 - #7E6A4B | 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 #C6B5A8 as 0% and #7E6A4B as 100%.

0.0%	0.0% #C6B5A8	RGB 198 181 168	#C6B5A8
16.7%	16.7% #BAA695	RGB 186 166 149	#BAA695
33.3%	33.3% #AE9984	RGB 174 153 132	#AE9984
50.0%	50.0% #A28C74	RGB 162 140 116	#A28C74
66.7%	66.7% #968065	RGB 150 128 101	#968065
83.3%	83.3% #8A7457	RGB 138 116 87	#8A7457
100.0%	100.0% #7E6A4B	RGB 126 106 75	#7E6A4B

#C6B5A8 #BAA695 #AE9984 #A28C74 #968065 #8A7457 #7E6A4B

#C6B5A8 - #A28C74 - #7E6A4B

CSS codes

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

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