#C5ABA1 - #AC6F4B | 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 #C5ABA1 to #AC6F4B

#C5ABA1 #AC6F4B

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

#C5ABA1 - #AC6F4B | 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 #C5ABA1 as 0% and #AC6F4B as 100%.

0.0%	0.0% #C5ABA1	RGB 197 171 161	#C5ABA1
16.7%	16.7% #C0A192	RGB 192 161 146	#C0A192
33.3%	33.3% #BC9784	RGB 188 151 132	#BC9784
50.0%	50.0% #B88D76	RGB 184 141 118	#B88D76
66.7%	66.7% #B48367	RGB 180 131 103	#B48367
83.3%	83.3% #B07959	RGB 176 121 89	#B07959
100.0%	100.0% #AC6F4B	RGB 172 111 75	#AC6F4B

#C5ABA1 #C0A192 #BC9784 #B88D76 #B48367 #B07959 #AC6F4B

#C5ABA1 - #AC6F4B

HSV Blend

#C5ABA1 - #AC6F4B | 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 #C5ABA1 as 0% and #AC6F4B as 100%.

0.0%	0.0% #C5ABA1	RGB 197 171 161	#C5ABA1
16.7%	16.7% #C09F91	RGB 192 159 145	#C09F91
33.3%	33.3% #BC9482	RGB 188 148 130	#BC9482
50.0%	50.0% #B88973	RGB 184 137 115	#B88973
66.7%	66.7% #B48065	RGB 180 128 101	#B48065
83.3%	83.3% #B07758	RGB 176 119 88	#B07758
100.0%	100.0% #AC6F4B	RGB 172 111 75	#AC6F4B

#C5ABA1 #C09F91 #BC9482 #B88973 #B48065 #B07758 #AC6F4B

#C5ABA1 - #B88973 - #AC6F4B

CSS codes

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

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