#AF9365 - #C6B9A8 | 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 #AF9365 to #C6B9A8

#AF9365 #C6B9A8

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

#AF9365 - #C6B9A8 | 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 #AF9365 as 0% and #C6B9A8 as 100%.

0.0%	0.0% #AF9365	RGB 175 147 101	#AF9365
16.7%	16.7% #B29970	RGB 178 153 112	#B29970
33.3%	33.3% #B69F7B	RGB 182 159 123	#B69F7B
50.0%	50.0% #BAA686	RGB 186 166 134	#BAA686
66.7%	66.7% #BEAC91	RGB 190 172 145	#BEAC91
83.3%	83.3% #C2B29C	RGB 194 178 156	#C2B29C
100.0%	100.0% #C6B9A8	RGB 198 185 168	#C6B9A8

#AF9365 #B29970 #B69F7B #BAA686 #BEAC91 #C2B29C #C6B9A8

#AF9365 - #C6B9A8

HSV Blend

#AF9365 - #C6B9A8 | 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 #AF9365 as 0% and #C6B9A8 as 100%.

0.0%	0.0% #AF9365	RGB 175 147 101	#AF9365
16.7%	16.7% #B2986F	RGB 178 152 111	#B2986F
33.3%	33.3% #B69E79	RGB 182 158 121	#B69E79
50.0%	50.0% #BAA484	RGB 186 164 132	#BAA484
66.7%	66.7% #BEAB90	RGB 190 171 144	#BEAB90
83.3%	83.3% #C2B19B	RGB 194 177 155	#C2B19B
100.0%	100.0% #C6B9A8	RGB 198 185 168	#C6B9A8

#AF9365 #B2986F #B69E79 #BAA484 #BEAB90 #C2B19B #C6B9A8

#AF9365 - #BAA484 - #C6B9A8

CSS codes

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

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