#C4BCC8 - #8C5B86 | 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 #C4BCC8 to #8C5B86

#C4BCC8 #8C5B86

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

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

0.0%	0.0% #C4BCC8	RGB 196 188 200	#C4BCC8
16.7%	16.7% #BAABBD	RGB 186 171 189	#BAABBD
33.3%	33.3% #B19BB2	RGB 177 155 178	#B19BB2
50.0%	50.0% #A88BA7	RGB 168 139 167	#A88BA7
66.7%	66.7% #9E7B9C	RGB 158 123 156	#9E7B9C
83.3%	83.3% #956B91	RGB 149 107 145	#956B91
100.0%	100.0% #8C5B86	RGB 140 91 134	#8C5B86

#C4BCC8 #BAABBD #B19BB2 #A88BA7 #9E7B9C #956B91 #8C5B86

#C4BCC8 - #8C5B86

HSV Blend

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

0.0%	0.0% #C4BCC8	RGB 196 188 200	#C4BCC8
16.7%	16.7% #B8A9BE	RGB 184 169 190	#B8A9BE
33.3%	33.3% #AE97B4	RGB 174 151 180	#AE97B4
50.0%	50.0% #A687AA	RGB 166 135 170	#A687AA
66.7%	66.7% #9E77A0	RGB 158 119 160	#9E77A0
83.3%	83.3% #966893	RGB 150 104 147	#966893
100.0%	100.0% #8C5B86	RGB 140 91 134	#8C5B86

#C4BCC8 #B8A9BE #AE97B4 #A687AA #9E77A0 #966893 #8C5B86

#C4BCC8 - #A687AA - #8C5B86

CSS codes

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

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