#C8BCC1 - #8C5B5B | 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 #C8BCC1 to #8C5B5B

#C8BCC1 #8C5B5B

Calculate the color between two colors, #C8BCC1 and #8C5B5B. 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)

#C8BCC1 - #8C5B5B | 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 #C8BCC1 as 0% and #8C5B5B as 100%.

0.0%	0.0% #C8BCC1	RGB 200 188 193	#C8BCC1
16.7%	16.7% #BEABB0	RGB 190 171 176	#BEABB0
33.3%	33.3% #B49B9F	RGB 180 155 159	#B49B9F
50.0%	50.0% #AA8B8E	RGB 170 139 142	#AA8B8E
66.7%	66.7% #A07B7D	RGB 160 123 125	#A07B7D
83.3%	83.3% #966B6C	RGB 150 107 108	#966B6C
100.0%	100.0% #8C5B5B	RGB 140 91 91	#8C5B5B

#C8BCC1 #BEABB0 #B49B9F #AA8B8E #A07B7D #966B6C #8C5B5B

#C8BCC1 - #8C5B5B

HSV Blend

#C8BCC1 - #8C5B5B | 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 #C8BCC1 as 0% and #8C5B5B as 100%.

0.0%	0.0% #C8BCC1	RGB 200 188 193	#C8BCC1
16.7%	16.7% #BEA9B0	RGB 190 169 176	#BEA9B0
33.3%	33.3% #B4979F	RGB 180 151 159	#B4979F
50.0%	50.0% #AA878E	RGB 170 135 142	#AA878E
66.7%	66.7% #A0777D	RGB 160 119 125	#A0777D
83.3%	83.3% #96686B	RGB 150 104 107	#96686B
100.0%	100.0% #8C5B5B	RGB 140 91 91	#8C5B5B

#C8BCC1 #BEA9B0 #B4979F #AA878E #A0777D #96686B #8C5B5B

#C8BCC1 - #AA878E - #8C5B5B

CSS codes

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

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