#C4ABA1 - #AB6F4B | 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 #C4ABA1 to #AB6F4B

#C4ABA1 #AB6F4B

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

#C4ABA1 - #AB6F4B | 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 #C4ABA1 as 0% and #AB6F4B as 100%.

0.0%	0.0% #C4ABA1	RGB 196 171 161	#C4ABA1
16.7%	16.7% #BFA192	RGB 191 161 146	#BFA192
33.3%	33.3% #BB9784	RGB 187 151 132	#BB9784
50.0%	50.0% #B78D76	RGB 183 141 118	#B78D76
66.7%	66.7% #B38367	RGB 179 131 103	#B38367
83.3%	83.3% #AF7959	RGB 175 121 89	#AF7959
100.0%	100.0% #AB6F4B	RGB 171 111 75	#AB6F4B

#C4ABA1 #BFA192 #BB9784 #B78D76 #B38367 #AF7959 #AB6F4B

#C4ABA1 - #AB6F4B

HSV Blend

#C4ABA1 - #AB6F4B | 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 #C4ABA1 as 0% and #AB6F4B as 100%.

0.0%	0.0% #C4ABA1	RGB 196 171 161	#C4ABA1
16.7%	16.7% #BF9F91	RGB 191 159 145	#BF9F91
33.3%	33.3% #BB9482	RGB 187 148 130	#BB9482
50.0%	50.0% #B78A73	RGB 183 138 115	#B78A73
66.7%	66.7% #B38065	RGB 179 128 101	#B38065
83.3%	83.3% #AF7758	RGB 175 119 88	#AF7758
100.0%	100.0% #AB6F4B	RGB 171 111 75	#AB6F4B

#C4ABA1 #BF9F91 #BB9482 #B78A73 #B38065 #AF7758 #AB6F4B

#C4ABA1 - #B78A73 - #AB6F4B

CSS codes

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

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