#CAB3A2 - #AB6E4D | 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 #CAB3A2 to #AB6E4D

#CAB3A2 #AB6E4D

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

#CAB3A2 - #AB6E4D | 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 #CAB3A2 as 0% and #AB6E4D as 100%.

0.0%	0.0% #CAB3A2	RGB 202 179 162	#CAB3A2
16.7%	16.7% #C4A793	RGB 196 167 147	#C4A793
33.3%	33.3% #BF9C85	RGB 191 156 133	#BF9C85
50.0%	50.0% #BA9077	RGB 186 144 119	#BA9077
66.7%	66.7% #B58569	RGB 181 133 105	#B58569
83.3%	83.3% #B0795B	RGB 176 121 91	#B0795B
100.0%	100.0% #AB6E4D	RGB 171 110 77	#AB6E4D

#CAB3A2 #C4A793 #BF9C85 #BA9077 #B58569 #B0795B #AB6E4D

#CAB3A2 - #AB6E4D

HSV Blend

#CAB3A2 - #AB6E4D | 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 #CAB3A2 as 0% and #AB6E4D as 100%.

0.0%	0.0% #CAB3A2	RGB 202 179 162	#CAB3A2
16.7%	16.7% #C4A792	RGB 196 167 146	#C4A792
33.3%	33.3% #BF9B83	RGB 191 155 131	#BF9B83
50.0%	50.0% #BA8F74	RGB 186 143 116	#BA8F74
66.7%	66.7% #B58466	RGB 181 132 102	#B58466
83.3%	83.3% #B07959	RGB 176 121 89	#B07959
100.0%	100.0% #AB6E4D	RGB 171 110 77	#AB6E4D

#CAB3A2 #C4A792 #BF9B83 #BA8F74 #B58466 #B07959 #AB6E4D

#CAB3A2 - #BA8F74 - #AB6E4D

CSS codes

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

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