#CAB5A8 - #8F7F4C | 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 #CAB5A8 to #8F7F4C

#CAB5A8 #8F7F4C

Calculate the color between two colors, #CAB5A8 and #8F7F4C. 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)

#CAB5A8 - #8F7F4C | 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 #CAB5A8 as 0% and #8F7F4C as 100%.

0.0%	0.0% #CAB5A8	RGB 202 181 168	#CAB5A8
16.7%	16.7% #C0AC98	RGB 192 172 152	#C0AC98
33.3%	33.3% #B6A389	RGB 182 163 137	#B6A389
50.0%	50.0% #AC9A7A	RGB 172 154 122	#AC9A7A
66.7%	66.7% #A2916A	RGB 162 145 106	#A2916A
83.3%	83.3% #98885B	RGB 152 136 91	#98885B
100.0%	100.0% #8F7F4C	RGB 143 127 76	#8F7F4C

#CAB5A8 #C0AC98 #B6A389 #AC9A7A #A2916A #98885B #8F7F4C

#CAB5A8 - #8F7F4C

HSV Blend

#CAB5A8 - #8F7F4C | 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 #CAB5A8 as 0% and #8F7F4C as 100%.

0.0%	0.0% #CAB5A8	RGB 202 181 168	#CAB5A8
16.7%	16.7% #C0A896	RGB 192 168 150	#C0A896
33.3%	33.3% #B69E85	RGB 182 158 133	#B69E85
50.0%	50.0% #AC9475	RGB 172 148 117	#AC9475
66.7%	66.7% #A28C66	RGB 162 140 102	#A28C66
83.3%	83.3% #988558	RGB 152 133 88	#988558
100.0%	100.0% #8F7F4C	RGB 143 127 76	#8F7F4C

#CAB5A8 #C0A896 #B69E85 #AC9475 #A28C66 #988558 #8F7F4C

#CAB5A8 - #AC9475 - #8F7F4C

CSS codes

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

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