#C7BCC8 - #8C5B78 | 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 #C7BCC8 to #8C5B78

#C7BCC8 #8C5B78

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

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

0.0%	0.0% #C7BCC8	RGB 199 188 200	#C7BCC8
16.7%	16.7% #BDABBA	RGB 189 171 186	#BDABBA
33.3%	33.3% #B39BAD	RGB 179 155 173	#B39BAD
50.0%	50.0% #A98BA0	RGB 169 139 160	#A98BA0
66.7%	66.7% #9F7B92	RGB 159 123 146	#9F7B92
83.3%	83.3% #956B85	RGB 149 107 133	#956B85
100.0%	100.0% #8C5B78	RGB 140 91 120	#8C5B78

#C7BCC8 #BDABBA #B39BAD #A98BA0 #9F7B92 #956B85 #8C5B78

#C7BCC8 - #8C5B78

HSV Blend

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

0.0%	0.0% #C7BCC8	RGB 199 188 200	#C7BCC8
16.7%	16.7% #BDA9BE	RGB 189 169 190	#BDA9BE
33.3%	33.3% #B497B1	RGB 180 151 177	#B497B1
50.0%	50.0% #AA87A4	RGB 170 135 164	#AA87A4
66.7%	66.7% #A07796	RGB 160 119 150	#A07796
83.3%	83.3% #966887	RGB 150 104 135	#966887
100.0%	100.0% #8C5B78	RGB 140 91 120	#8C5B78

#C7BCC8 #BDA9BE #B497B1 #AA87A4 #A07796 #966887 #8C5B78

#C7BCC8 - #AA87A4 - #8C5B78

CSS codes

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

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