#C2C0CD - #8C698B | 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 #C2C0CD to #8C698B

#C2C0CD #8C698B

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

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

0.0%	0.0% #C2C0CD	RGB 194 192 205	#C2C0CD
16.7%	16.7% #B9B1C2	RGB 185 177 194	#B9B1C2
33.3%	33.3% #B0A3B7	RGB 176 163 183	#B0A3B7
50.0%	50.0% #A794AC	RGB 167 148 172	#A794AC
66.7%	66.7% #9E86A1	RGB 158 134 161	#9E86A1
83.3%	83.3% #957796	RGB 149 119 150	#957796
100.0%	100.0% #8C698B	RGB 140 105 139	#8C698B

#C2C0CD #B9B1C2 #B0A3B7 #A794AC #9E86A1 #957796 #8C698B

#C2C0CD - #8C698B

HSV Blend

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

0.0%	0.0% #C2C0CD	RGB 194 192 205	#C2C0CD
16.7%	16.7% #B5AFC2	RGB 181 175 194	#B5AFC2
33.3%	33.3% #AAA0B7	RGB 170 160 183	#AAA0B7
50.0%	50.0% #A191AC	RGB 161 145 172	#A191AC
66.7%	66.7% #9983A1	RGB 153 131 161	#9983A1
83.3%	83.3% #927596	RGB 146 117 150	#927596
100.0%	100.0% #8C698B	RGB 140 105 139	#8C698B

#C2C0CD #B5AFC2 #AAA0B7 #A191AC #9983A1 #927596 #8C698B

#C2C0CD - #A191AC - #8C698B

CSS codes

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

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