#C5BBC9 - #8F578C | 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 #C5BBC9 to #8F578C

#C5BBC9 #8F578C

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

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

0.0%	0.0% #C5BBC9	RGB 197 187 201	#C5BBC9
16.7%	16.7% #BCAABE	RGB 188 170 190	#BCAABE
33.3%	33.3% #B399B4	RGB 179 153 180	#B399B4
50.0%	50.0% #AA89AA	RGB 170 137 170	#AA89AA
66.7%	66.7% #A178A0	RGB 161 120 160	#A178A0
83.3%	83.3% #986796	RGB 152 103 150	#986796
100.0%	100.0% #8F578C	RGB 143 87 140	#8F578C

#C5BBC9 #BCAABE #B399B4 #AA89AA #A178A0 #986796 #8F578C

#C5BBC9 - #8F578C

HSV Blend

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

0.0%	0.0% #C5BBC9	RGB 197 187 201	#C5BBC9
16.7%	16.7% #B9A7BF	RGB 185 167 191	#B9A7BF
33.3%	33.3% #B095B5	RGB 176 149 181	#B095B5
50.0%	50.0% #A784AC	RGB 167 132 172	#A784AC
66.7%	66.7% #9F74A2	RGB 159 116 162	#9F74A2
83.3%	83.3% #986598	RGB 152 101 152	#986598
100.0%	100.0% #8F578C	RGB 143 87 140	#8F578C

#C5BBC9 #B9A7BF #B095B5 #A784AC #9F74A2 #986598 #8F578C

#C5BBC9 - #A784AC - #8F578C

CSS codes

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

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