#C8C9D1 - #7B6D8D | 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 #C8C9D1 to #7B6D8D

#C8C9D1 #7B6D8D

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

#C8C9D1 - #7B6D8D | 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 #C8C9D1 as 0% and #7B6D8D as 100%.

0.0%	0.0% #C8C9D1	RGB 200 201 209	#C8C9D1
16.7%	16.7% #BBB9C5	RGB 187 185 197	#BBB9C5
33.3%	33.3% #AEAABA	RGB 174 170 186	#AEAABA
50.0%	50.0% #A19BAF	RGB 161 155 175	#A19BAF
66.7%	66.7% #948BA3	RGB 148 139 163	#948BA3
83.3%	83.3% #877C98	RGB 135 124 152	#877C98
100.0%	100.0% #7B6D8D	RGB 123 109 141	#7B6D8D

#C8C9D1 #BBB9C5 #AEAABA #A19BAF #948BA3 #877C98 #7B6D8D

#C8C9D1 - #7B6D8D

HSV Blend

#C8C9D1 - #7B6D8D | 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 #C8C9D1 as 0% and #7B6D8D as 100%.

0.0%	0.0% #C8C9D1	RGB 200 201 209	#C8C9D1
16.7%	16.7% #B7B7C5	RGB 183 183 197	#B7B7C5
33.3%	33.3% #A8A6BA	RGB 168 166 186	#A8A6BA
50.0%	50.0% #9B97AF	RGB 155 151 175	#9B97AF
66.7%	66.7% #8F88A3	RGB 143 136 163	#8F88A3
83.3%	83.3% #847A98	RGB 132 122 152	#847A98
100.0%	100.0% #7B6D8D	RGB 123 109 141	#7B6D8D

#C8C9D1 #B7B7C5 #A8A6BA #9B97AF #8F88A3 #847A98 #7B6D8D

#C8C9D1 - #9B97AF - #7B6D8D

CSS codes

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

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