#CAC5C2 - #AB8170 | 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 #CAC5C2 to #AB8170

#CAC5C2 #AB8170

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

#CAC5C2 - #AB8170 | 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 #CAC5C2 as 0% and #AB8170 as 100%.

0.0%	0.0% #CAC5C2	RGB 202 197 194	#CAC5C2
16.7%	16.7% #C4B9B4	RGB 196 185 180	#C4B9B4
33.3%	33.3% #BFAEA6	RGB 191 174 166	#BFAEA6
50.0%	50.0% #BAA399	RGB 186 163 153	#BAA399
66.7%	66.7% #B5978B	RGB 181 151 139	#B5978B
83.3%	83.3% #B08C7D	RGB 176 140 125	#B08C7D
100.0%	100.0% #AB8170	RGB 171 129 112	#AB8170

#CAC5C2 #C4B9B4 #BFAEA6 #BAA399 #B5978B #B08C7D #AB8170

#CAC5C2 - #AB8170

HSV Blend

#CAC5C2 - #AB8170 | 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 #CAC5C2 as 0% and #AB8170 as 100%.

0.0%	0.0% #CAC5C2	RGB 202 197 194	#CAC5C2
16.7%	16.7% #C4B9B3	RGB 196 185 179	#C4B9B3
33.3%	33.3% #BFADA4	RGB 191 173 164	#BFADA4
50.0%	50.0% #BAA296	RGB 186 162 150	#BAA296
66.7%	66.7% #B59789	RGB 181 151 137	#B59789
83.3%	83.3% #B08C7C	RGB 176 140 124	#B08C7C
100.0%	100.0% #AB8170	RGB 171 129 112	#AB8170

#CAC5C2 #C4B9B3 #BFADA4 #BAA296 #B59789 #B08C7C #AB8170

#CAC5C2 - #BAA296 - #AB8170

CSS codes

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

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