#C7BDC5 - #9F637B | 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 #C7BDC5 to #9F637B

#C7BDC5 #9F637B

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

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

0.0%	0.0% #C7BDC5	RGB 199 189 197	#C7BDC5
16.7%	16.7% #C0AEB8	RGB 192 174 184	#C0AEB8
33.3%	33.3% #B99FAC	RGB 185 159 172	#B99FAC
50.0%	50.0% #B390A0	RGB 179 144 160	#B390A0
66.7%	66.7% #AC8193	RGB 172 129 147	#AC8193
83.3%	83.3% #A57287	RGB 165 114 135	#A57287
100.0%	100.0% #9F637B	RGB 159 99 123	#9F637B

#C7BDC5 #C0AEB8 #B99FAC #B390A0 #AC8193 #A57287 #9F637B

#C7BDC5 - #9F637B

HSV Blend

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

0.0%	0.0% #C7BDC5	RGB 199 189 197	#C7BDC5
16.7%	16.7% #C0ACBA	RGB 192 172 186	#C0ACBA
33.3%	33.3% #B99CAF	RGB 185 156 175	#B99CAF
50.0%	50.0% #B38CA3	RGB 179 140 163	#B38CA3
66.7%	66.7% #AC7E96	RGB 172 126 150	#AC7E96
83.3%	83.3% #A57089	RGB 165 112 137	#A57089
100.0%	100.0% #9F637B	RGB 159 99 123	#9F637B

#C7BDC5 #C0ACBA #B99CAF #B38CA3 #AC7E96 #A57089 #9F637B

#C7BDC5 - #B38CA3 - #9F637B

CSS codes

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

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