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

#AF8B65 #C6B5A8

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

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

0.0%	0.0% #AF8B65	RGB 175 139 101	#AF8B65
16.7%	16.7% #B29270	RGB 178 146 112	#B29270
33.3%	33.3% #B6997B	RGB 182 153 123	#B6997B
50.0%	50.0% #BAA086	RGB 186 160 134	#BAA086
66.7%	66.7% #BEA791	RGB 190 167 145	#BEA791
83.3%	83.3% #C2AE9C	RGB 194 174 156	#C2AE9C
100.0%	100.0% #C6B5A8	RGB 198 181 168	#C6B5A8

#AF8B65 #B29270 #B6997B #BAA086 #BEA791 #C2AE9C #C6B5A8

#AF8B65 - #C6B5A8

HSV Blend

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

0.0%	0.0% #AF8B65	RGB 175 139 101	#AF8B65
16.7%	16.7% #B2916F	RGB 178 145 111	#B2916F
33.3%	33.3% #B69779	RGB 182 151 121	#B69779
50.0%	50.0% #BA9E84	RGB 186 158 132	#BA9E84
66.7%	66.7% #BEA590	RGB 190 165 144	#BEA590
83.3%	83.3% #C2AD9B	RGB 194 173 155	#C2AD9B
100.0%	100.0% #C6B5A8	RGB 198 181 168	#C6B5A8

#AF8B65 #B2916F #B69779 #BA9E84 #BEA590 #C2AD9B #C6B5A8

#AF8B65 - #BA9E84 - #C6B5A8

CSS codes

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

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