#C8C7CE - #807597 | 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 #C8C7CE to #807597

#C8C7CE #807597

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

#C8C7CE - #807597 | 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 #C8C7CE as 0% and #807597 as 100%.

0.0%	0.0% #C8C7CE	RGB 200 199 206	#C8C7CE
16.7%	16.7% #BCB9C4	RGB 188 185 196	#BCB9C4
33.3%	33.3% #B0ABBB	RGB 176 171 187	#B0ABBB
50.0%	50.0% #A49EB2	RGB 164 158 178	#A49EB2
66.7%	66.7% #9890A9	RGB 152 144 169	#9890A9
83.3%	83.3% #8C82A0	RGB 140 130 160	#8C82A0
100.0%	100.0% #807597	RGB 128 117 151	#807597

#C8C7CE #BCB9C4 #B0ABBB #A49EB2 #9890A9 #8C82A0 #807597

#C8C7CE - #807597

HSV Blend

#C8C7CE - #807597 | 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 #C8C7CE as 0% and #807597 as 100%.

0.0%	0.0% #C8C7CE	RGB 200 199 206	#C8C7CE
16.7%	16.7% #BAB7C4	RGB 186 183 196	#BAB7C4
33.3%	33.3% #ADA9BB	RGB 173 169 187	#ADA9BB
50.0%	50.0% #A09BB2	RGB 160 155 178	#A09BB2
66.7%	66.7% #958DA9	RGB 149 141 169	#958DA9
83.3%	83.3% #8A81A0	RGB 138 129 160	#8A81A0
100.0%	100.0% #807597	RGB 128 117 151	#807597

#C8C7CE #BAB7C4 #ADA9BB #A09BB2 #958DA9 #8A81A0 #807597

#C8C7CE - #A09BB2 - #807597

CSS codes

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

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