#C6B5AF - #A96D5A | 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 #C6B5AF to #A96D5A

#C6B5AF #A96D5A

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

#C6B5AF - #A96D5A | 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 #C6B5AF as 0% and #A96D5A as 100%.

0.0%	0.0% #C6B5AF	RGB 198 181 175	#C6B5AF
16.7%	16.7% #C1A9A0	RGB 193 169 160	#C1A9A0
33.3%	33.3% #BC9D92	RGB 188 157 146	#BC9D92
50.0%	50.0% #B79184	RGB 183 145 132	#B79184
66.7%	66.7% #B28576	RGB 178 133 118	#B28576
83.3%	83.3% #AD7968	RGB 173 121 104	#AD7968
100.0%	100.0% #A96D5A	RGB 169 109 90	#A96D5A

#C6B5AF #C1A9A0 #BC9D92 #B79184 #B28576 #AD7968 #A96D5A

#C6B5AF - #A96D5A

HSV Blend

#C6B5AF - #A96D5A | 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 #C6B5AF as 0% and #A96D5A as 100%.

0.0%	0.0% #C6B5AF	RGB 198 181 175	#C6B5AF
16.7%	16.7% #C1A89F	RGB 193 168 159	#C1A89F
33.3%	33.3% #BC9B90	RGB 188 155 144	#BC9B90
50.0%	50.0% #B78F81	RGB 183 143 129	#B78F81
66.7%	66.7% #B28374	RGB 178 131 116	#B28374
83.3%	83.3% #AD7866	RGB 173 120 102	#AD7866
100.0%	100.0% #A96D5A	RGB 169 109 90	#A96D5A

#C6B5AF #C1A89F #BC9B90 #B78F81 #B28374 #AD7866 #A96D5A

#C6B5AF - #B78F81 - #A96D5A

CSS codes

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

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