#C5AF8F - #A26F3C | 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 #C5AF8F to #A26F3C

#C5AF8F #A26F3C

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

#C5AF8F - #A26F3C | 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 #C5AF8F as 0% and #A26F3C as 100%.

0.0%	0.0% #C5AF8F	RGB 197 175 143	#C5AF8F
16.7%	16.7% #BFA481	RGB 191 164 129	#BFA481
33.3%	33.3% #B99973	RGB 185 153 115	#B99973
50.0%	50.0% #B38F65	RGB 179 143 101	#B38F65
66.7%	66.7% #AD8457	RGB 173 132 87	#AD8457
83.3%	83.3% #A77949	RGB 167 121 73	#A77949
100.0%	100.0% #A26F3C	RGB 162 111 60	#A26F3C

#C5AF8F #BFA481 #B99973 #B38F65 #AD8457 #A77949 #A26F3C

#C5AF8F - #A26F3C

HSV Blend

#C5AF8F - #A26F3C | 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 #C5AF8F as 0% and #A26F3C as 100%.

0.0%	0.0% #C5AF8F	RGB 197 175 143	#C5AF8F
16.7%	16.7% #BFA47F	RGB 191 164 127	#BFA47F
33.3%	33.3% #B99970	RGB 185 153 112	#B99970
50.0%	50.0% #B38E62	RGB 179 142 98	#B38E62
66.7%	66.7% #AD8454	RGB 173 132 84	#AD8454
83.3%	83.3% #A77948	RGB 167 121 72	#A77948
100.0%	100.0% #A26F3C	RGB 162 111 60	#A26F3C

#C5AF8F #BFA47F #B99970 #B38E62 #AD8454 #A77948 #A26F3C

#C5AF8F - #B38E62 - #A26F3C

CSS codes

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

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