#C9C0C7 - #A0677D | 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 #C9C0C7 to #A0677D

#C9C0C7 #A0677D

Calculate the color between two colors, #C9C0C7 and #A0677D. 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)

#C9C0C7 - #A0677D | 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 #C9C0C7 as 0% and #A0677D as 100%.

0.0%	0.0% #C9C0C7	RGB 201 192 199	#C9C0C7
16.7%	16.7% #C2B1BA	RGB 194 177 186	#C2B1BA
33.3%	33.3% #BBA2AE	RGB 187 162 174	#BBA2AE
50.0%	50.0% #B493A2	RGB 180 147 162	#B493A2
66.7%	66.7% #AD8495	RGB 173 132 149	#AD8495
83.3%	83.3% #A67589	RGB 166 117 137	#A67589
100.0%	100.0% #A0677D	RGB 160 103 125	#A0677D

#C9C0C7 #C2B1BA #BBA2AE #B493A2 #AD8495 #A67589 #A0677D

#C9C0C7 - #A0677D

HSV Blend

#C9C0C7 - #A0677D | 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 #C9C0C7 as 0% and #A0677D as 100%.

0.0%	0.0% #C9C0C7	RGB 201 192 199	#C9C0C7
16.7%	16.7% #C2AFBC	RGB 194 175 188	#C2AFBC
33.3%	33.3% #BB9FB1	RGB 187 159 177	#BB9FB1
50.0%	50.0% #B490A5	RGB 180 144 165	#B490A5
66.7%	66.7% #AD8198	RGB 173 129 152	#AD8198
83.3%	83.3% #A6748A	RGB 166 116 138	#A6748A
100.0%	100.0% #A0677D	RGB 160 103 125	#A0677D

#C9C0C7 #C2AFBC #BB9FB1 #B490A5 #AD8198 #A6748A #A0677D

#C9C0C7 - #B490A5 - #A0677D

CSS codes

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

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