#C5C3CE - #8F6B8B | 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 #C5C3CE to #8F6B8B

#C5C3CE #8F6B8B

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

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

0.0%	0.0% #C5C3CE	RGB 197 195 206	#C5C3CE
16.7%	16.7% #BCB4C2	RGB 188 180 194	#BCB4C2
33.3%	33.3% #B3A5B7	RGB 179 165 183	#B3A5B7
50.0%	50.0% #AA97AC	RGB 170 151 172	#AA97AC
66.7%	66.7% #A188A1	RGB 161 136 161	#A188A1
83.3%	83.3% #987996	RGB 152 121 150	#987996
100.0%	100.0% #8F6B8B	RGB 143 107 139	#8F6B8B

#C5C3CE #BCB4C2 #B3A5B7 #AA97AC #A188A1 #987996 #8F6B8B

#C5C3CE - #8F6B8B

HSV Blend

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

0.0%	0.0% #C5C3CE	RGB 197 195 206	#C5C3CE
16.7%	16.7% #B8B2C3	RGB 184 178 195	#B8B2C3
33.3%	33.3% #ADA2B9	RGB 173 162 185	#ADA2B9
50.0%	50.0% #A593AE	RGB 165 147 174	#A593AE
66.7%	66.7% #9D85A4	RGB 157 133 164	#9D85A4
83.3%	83.3% #987799	RGB 152 119 153	#987799
100.0%	100.0% #8F6B8B	RGB 143 107 139	#8F6B8B

#C5C3CE #B8B2C3 #ADA2B9 #A593AE #9D85A4 #987799 #8F6B8B

#C5C3CE - #A593AE - #8F6B8B

CSS codes

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

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