#C6B4A8 - #A76F53 | 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 #C6B4A8 to #A76F53

#C6B4A8 #A76F53

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

#C6B4A8 - #A76F53 | 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 #C6B4A8 as 0% and #A76F53 as 100%.

0.0%	0.0% #C6B4A8	RGB 198 180 168	#C6B4A8
16.7%	16.7% #C0A899	RGB 192 168 153	#C0A899
33.3%	33.3% #BB9D8B	RGB 187 157 139	#BB9D8B
50.0%	50.0% #B6917D	RGB 182 145 125	#B6917D
66.7%	66.7% #B1866F	RGB 177 134 111	#B1866F
83.3%	83.3% #AC7A61	RGB 172 122 97	#AC7A61
100.0%	100.0% #A76F53	RGB 167 111 83	#A76F53

#C6B4A8 #C0A899 #BB9D8B #B6917D #B1866F #AC7A61 #A76F53

#C6B4A8 - #A76F53

HSV Blend

#C6B4A8 - #A76F53 | 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 #C6B4A8 as 0% and #A76F53 as 100%.

0.0%	0.0% #C6B4A8	RGB 198 180 168	#C6B4A8
16.7%	16.7% #C0A898	RGB 192 168 152	#C0A898
33.3%	33.3% #BB9C89	RGB 187 156 137	#BB9C89
50.0%	50.0% #B6907A	RGB 182 144 122	#B6907A
66.7%	66.7% #B1856C	RGB 177 133 108	#B1856C
83.3%	83.3% #AC7A5F	RGB 172 122 95	#AC7A5F
100.0%	100.0% #A76F53	RGB 167 111 83	#A76F53

#C6B4A8 #C0A898 #BB9C89 #B6907A #B1856C #AC7A5F #A76F53

#C6B4A8 - #B6907A - #A76F53

CSS codes

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

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