#C8BBC9 - #9F618D | 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 #C8BBC9 to #9F618D

#C8BBC9 #9F618D

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

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

0.0%	0.0% #C8BBC9	RGB 200 187 201	#C8BBC9
16.7%	16.7% #C1ACBF	RGB 193 172 191	#C1ACBF
33.3%	33.3% #BA9DB5	RGB 186 157 181	#BA9DB5
50.0%	50.0% #B38EAB	RGB 179 142 171	#B38EAB
66.7%	66.7% #AC7FA1	RGB 172 127 161	#AC7FA1
83.3%	83.3% #A57097	RGB 165 112 151	#A57097
100.0%	100.0% #9F618D	RGB 159 97 141	#9F618D

#C8BBC9 #C1ACBF #BA9DB5 #B38EAB #AC7FA1 #A57097 #9F618D

#C8BBC9 - #9F618D

HSV Blend

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

0.0%	0.0% #C8BBC9	RGB 200 187 201	#C8BBC9
16.7%	16.7% #C1AAC2	RGB 193 170 194	#C1AAC2
33.3%	33.3% #BB9AB9	RGB 187 154 185	#BB9AB9
50.0%	50.0% #B48AAF	RGB 180 138 175	#B48AAF
66.7%	66.7% #AD7CA4	RGB 173 124 164	#AD7CA4
83.3%	83.3% #A66E99	RGB 166 110 153	#A66E99
100.0%	100.0% #9F618D	RGB 159 97 141	#9F618D

#C8BBC9 #C1AAC2 #BB9AB9 #B48AAF #AD7CA4 #A66E99 #9F618D

#C8BBC9 - #B48AAF - #9F618D

CSS codes

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

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