#C8C5CC - #7E6F87 | 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 #C8C5CC to #7E6F87

#C8C5CC #7E6F87

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

#C8C5CC - #7E6F87 | 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 #C8C5CC as 0% and #7E6F87 as 100%.

0.0%	0.0% #C8C5CC	RGB 200 197 204	#C8C5CC
16.7%	16.7% #BBB6C0	RGB 187 182 192	#BBB6C0
33.3%	33.3% #AFA8B5	RGB 175 168 181	#AFA8B5
50.0%	50.0% #A39AA9	RGB 163 154 169	#A39AA9
66.7%	66.7% #968B9E	RGB 150 139 158	#968B9E
83.3%	83.3% #8A7D92	RGB 138 125 146	#8A7D92
100.0%	100.0% #7E6F87	RGB 126 111 135	#7E6F87

#C8C5CC #BBB6C0 #AFA8B5 #A39AA9 #968B9E #8A7D92 #7E6F87

#C8C5CC - #7E6F87

HSV Blend

#C8C5CC - #7E6F87 | 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 #C8C5CC as 0% and #7E6F87 as 100%.

0.0%	0.0% #C8C5CC	RGB 200 197 204	#C8C5CC
16.7%	16.7% #BAB5C0	RGB 186 181 192	#BAB5C0
33.3%	33.3% #ADA6B5	RGB 173 166 181	#ADA6B5
50.0%	50.0% #A097A9	RGB 160 151 169	#A097A9
66.7%	66.7% #94899E	RGB 148 137 158	#94899E
83.3%	83.3% #897B92	RGB 137 123 146	#897B92
100.0%	100.0% #7E6F87	RGB 126 111 135	#7E6F87

#C8C5CC #BAB5C0 #ADA6B5 #A097A9 #94899E #897B92 #7E6F87

#C8C5CC - #A097A9 - #7E6F87

CSS codes

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

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