#C7B8C7 - #9F639E | 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 #C7B8C7 to #9F639E

#C7B8C7 #9F639E

Calculate the color between two colors, #C7B8C7 and #9F639E. 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)

#C7B8C7 - #9F639E | 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 #C7B8C7 as 0% and #9F639E as 100%.

0.0%	0.0% #C7B8C7	RGB 199 184 199	#C7B8C7
16.7%	16.7% #C0A9C0	RGB 192 169 192	#C0A9C0
33.3%	33.3% #B99BB9	RGB 185 155 185	#B99BB9
50.0%	50.0% #B38DB2	RGB 179 141 178	#B38DB2
66.7%	66.7% #AC7FAB	RGB 172 127 171	#AC7FAB
83.3%	83.3% #A571A4	RGB 165 113 164	#A571A4
100.0%	100.0% #9F639E	RGB 159 99 158	#9F639E

#C7B8C7 #C0A9C0 #B99BB9 #B38DB2 #AC7FAB #A571A4 #9F639E

#C7B8C7 - #9F639E

HSV Blend

#C7B8C7 - #9F639E | 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 #C7B8C7 as 0% and #9F639E as 100%.

0.0%	0.0% #C7B8C7	RGB 199 184 199	#C7B8C7
16.7%	16.7% #C0A8C0	RGB 192 168 192	#C0A8C0
33.3%	33.3% #B998B9	RGB 185 152 185	#B998B9
50.0%	50.0% #B38AB2	RGB 179 138 178	#B38AB2
66.7%	66.7% #AC7CAB	RGB 172 124 171	#AC7CAB
83.3%	83.3% #A56FA4	RGB 165 111 164	#A56FA4
100.0%	100.0% #9F639E	RGB 159 99 158	#9F639E

#C7B8C7 #C0A8C0 #B998B9 #B38AB2 #AC7CAB #A56FA4 #9F639E

#C7B8C7 - #B38AB2 - #9F639E

CSS codes

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

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