#C9C7CB - #7B5D96 | 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 #C9C7CB to #7B5D96

#C9C7CB #7B5D96

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

#C9C7CB - #7B5D96 | 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 #C9C7CB as 0% and #7B5D96 as 100%.

0.0%	0.0% #C9C7CB	RGB 201 199 203	#C9C7CB
16.7%	16.7% #BCB5C2	RGB 188 181 194	#BCB5C2
33.3%	33.3% #AFA3B9	RGB 175 163 185	#AFA3B9
50.0%	50.0% #A292B0	RGB 162 146 176	#A292B0
66.7%	66.7% #9580A7	RGB 149 128 167	#9580A7
83.3%	83.3% #886E9E	RGB 136 110 158	#886E9E
100.0%	100.0% #7B5D96	RGB 123 93 150	#7B5D96

#C9C7CB #BCB5C2 #AFA3B9 #A292B0 #9580A7 #886E9E #7B5D96

#C9C7CB - #7B5D96

HSV Blend

#C9C7CB - #7B5D96 | 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 #C9C7CB as 0% and #7B5D96 as 100%.

0.0%	0.0% #C9C7CB	RGB 201 199 203	#C9C7CB
16.7%	16.7% #BAB2C2	RGB 186 178 194	#BAB2C2
33.3%	33.3% #AC9FB9	RGB 172 159 185	#AC9FB9
50.0%	50.0% #9F8DB0	RGB 159 141 176	#9F8DB0
66.7%	66.7% #927CA7	RGB 146 124 167	#927CA7
83.3%	83.3% #866C9E	RGB 134 108 158	#866C9E
100.0%	100.0% #7B5D96	RGB 123 93 150	#7B5D96

#C9C7CB #BAB2C2 #AC9FB9 #9F8DB0 #927CA7 #866C9E #7B5D96

#C9C7CB - #9F8DB0 - #7B5D96

CSS codes

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

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