#C9C6CE - #8A6B87 | 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 #C9C6CE to #8A6B87

#C9C6CE #8A6B87

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

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

0.0%	0.0% #C9C6CE	RGB 201 198 206	#C9C6CE
16.7%	16.7% #BEB6C2	RGB 190 182 194	#BEB6C2
33.3%	33.3% #B4A7B6	RGB 180 167 182	#B4A7B6
50.0%	50.0% #A998AA	RGB 169 152 170	#A998AA
66.7%	66.7% #9F899E	RGB 159 137 158	#9F899E
83.3%	83.3% #947A92	RGB 148 122 146	#947A92
100.0%	100.0% #8A6B87	RGB 138 107 135	#8A6B87

#C9C6CE #BEB6C2 #B4A7B6 #A998AA #9F899E #947A92 #8A6B87

#C9C6CE - #8A6B87

HSV Blend

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

0.0%	0.0% #C9C6CE	RGB 201 198 206	#C9C6CE
16.7%	16.7% #BBB5C2	RGB 187 181 194	#BBB5C2
33.3%	33.3% #B0A4B7	RGB 176 164 183	#B0A4B7
50.0%	50.0% #A695AC	RGB 166 149 172	#A695AC
66.7%	66.7% #9C86A0	RGB 156 134 160	#9C86A0
83.3%	83.3% #947895	RGB 148 120 149	#947895
100.0%	100.0% #8A6B87	RGB 138 107 135	#8A6B87

#C9C6CE #BBB5C2 #B0A4B7 #A695AC #9C86A0 #947895 #8A6B87

#C9C6CE - #A695AC - #8A6B87

CSS codes

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

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