#CAC7CC - #876E7B | 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 #CAC7CC to #876E7B

#CAC7CC #876E7B

Calculate the color between two colors, #CAC7CC and #876E7B. 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)

#CAC7CC - #876E7B | 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 #CAC7CC as 0% and #876E7B as 100%.

0.0%	0.0% #CAC7CC	RGB 202 199 204	#CAC7CC
16.7%	16.7% #BEB8BE	RGB 190 184 190	#BEB8BE
33.3%	33.3% #B3A9B1	RGB 179 169 177	#B3A9B1
50.0%	50.0% #A89AA3	RGB 168 154 163	#A89AA3
66.7%	66.7% #9D8B96	RGB 157 139 150	#9D8B96
83.3%	83.3% #927C88	RGB 146 124 136	#927C88
100.0%	100.0% #876E7B	RGB 135 110 123	#876E7B

#CAC7CC #BEB8BE #B3A9B1 #A89AA3 #9D8B96 #927C88 #876E7B

#CAC7CC - #876E7B

HSV Blend

#CAC7CC - #876E7B | 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 #CAC7CC as 0% and #876E7B as 100%.

0.0%	0.0% #CAC7CC	RGB 202 199 204	#CAC7CC
16.7%	16.7% #BDB6C0	RGB 189 182 192	#BDB6C0
33.3%	33.3% #B3A6B5	RGB 179 166 181	#B3A6B5
50.0%	50.0% #A997A8	RGB 169 151 168	#A997A8
66.7%	66.7% #9E899A	RGB 158 137 154	#9E899A
83.3%	83.3% #927B8A	RGB 146 123 138	#927B8A
100.0%	100.0% #876E7B	RGB 135 110 123	#876E7B

#CAC7CC #BDB6C0 #B3A6B5 #A997A8 #9E899A #927B8A #876E7B

#CAC7CC - #A997A8 - #876E7B

CSS codes

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

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