#C5BABE - #8C6671 | 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 #C5BABE to #8C6671

#C5BABE #8C6671

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

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

0.0%	0.0% #C5BABE	RGB 197 186 190	#C5BABE
16.7%	16.7% #BBACB1	RGB 187 172 177	#BBACB1
33.3%	33.3% #B29EA4	RGB 178 158 164	#B29EA4
50.0%	50.0% #A89097	RGB 168 144 151	#A89097
66.7%	66.7% #9F828A	RGB 159 130 138	#9F828A
83.3%	83.3% #95747D	RGB 149 116 125	#95747D
100.0%	100.0% #8C6671	RGB 140 102 113	#8C6671

#C5BABE #BBACB1 #B29EA4 #A89097 #9F828A #95747D #8C6671

#C5BABE - #8C6671

HSV Blend

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

0.0%	0.0% #C5BABE	RGB 197 186 190	#C5BABE
16.7%	16.7% #BBAAB0	RGB 187 170 176	#BBAAB0
33.3%	33.3% #B29BA2	RGB 178 155 162	#B29BA2
50.0%	50.0% #A88C95	RGB 168 140 149	#A88C95
66.7%	66.7% #9F7F89	RGB 159 127 137	#9F7F89
83.3%	83.3% #95727C	RGB 149 114 124	#95727C
100.0%	100.0% #8C6671	RGB 140 102 113	#8C6671

#C5BABE #BBAAB0 #B29BA2 #A88C95 #9F7F89 #95727C #8C6671

#C5BABE - #A88C95 - #8C6671

CSS codes

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

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