#C7C6CE - #8C798F | 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 #C7C6CE to #8C798F

#C7C6CE #8C798F

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

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

0.0%	0.0% #C7C6CE	RGB 199 198 206	#C7C6CE
16.7%	16.7% #BDB9C3	RGB 189 185 195	#BDB9C3
33.3%	33.3% #B3ACB9	RGB 179 172 185	#B3ACB9
50.0%	50.0% #A99FAE	RGB 169 159 174	#A99FAE
66.7%	66.7% #9F92A4	RGB 159 146 164	#9F92A4
83.3%	83.3% #958599	RGB 149 133 153	#958599
100.0%	100.0% #8C798F	RGB 140 121 143	#8C798F

#C7C6CE #BDB9C3 #B3ACB9 #A99FAE #9F92A4 #958599 #8C798F

#C7C6CE - #8C798F

HSV Blend

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

0.0%	0.0% #C7C6CE	RGB 199 198 206	#C7C6CE
16.7%	16.7% #BAB8C3	RGB 186 184 195	#BAB8C3
33.3%	33.3% #B0AAB9	RGB 176 170 185	#B0AAB9
50.0%	50.0% #A59DAE	RGB 165 157 174	#A59DAE
66.7%	66.7% #9C91A4	RGB 156 145 164	#9C91A4
83.3%	83.3% #948499	RGB 148 132 153	#948499
100.0%	100.0% #8C798F	RGB 140 121 143	#8C798F

#C7C6CE #BAB8C3 #B0AAB9 #A59DAE #9C91A4 #948499 #8C798F

#C7C6CE - #A59DAE - #8C798F

CSS codes

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

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