#CAB9BA - #A86571 | 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 #CAB9BA to #A86571

#CAB9BA #A86571

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

#CAB9BA - #A86571 | 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 #CAB9BA as 0% and #A86571 as 100%.

0.0%	0.0% #CAB9BA	RGB 202 185 186	#CAB9BA
16.7%	16.7% #C4ABAD	RGB 196 171 173	#C4ABAD
33.3%	33.3% #BE9DA1	RGB 190 157 161	#BE9DA1
50.0%	50.0% #B98F95	RGB 185 143 149	#B98F95
66.7%	66.7% #B38189	RGB 179 129 137	#B38189
83.3%	83.3% #AD737D	RGB 173 115 125	#AD737D
100.0%	100.0% #A86571	RGB 168 101 113	#A86571

#CAB9BA #C4ABAD #BE9DA1 #B98F95 #B38189 #AD737D #A86571

#CAB9BA - #A86571

HSV Blend

#CAB9BA - #A86571 | 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 #CAB9BA as 0% and #A86571 as 100%.

0.0%	0.0% #CAB9BA	RGB 202 185 186	#CAB9BA
16.7%	16.7% #C4A9AB	RGB 196 169 171	#C4A9AB
33.3%	33.3% #BE9A9E	RGB 190 154 158	#BE9A9E
50.0%	50.0% #B98C91	RGB 185 140 145	#B98C91
66.7%	66.7% #B37E85	RGB 179 126 133	#B37E85
83.3%	83.3% #AD717B	RGB 173 113 123	#AD717B
100.0%	100.0% #A86571	RGB 168 101 113	#A86571

#CAB9BA #C4A9AB #BE9A9E #B98C91 #B37E85 #AD717B #A86571

#CAB9BA - #B98C91 - #A86571

CSS codes

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

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