#C9C4EB - #8161B1 | 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 #C9C4EB to #8161B1

#C9C4EB #8161B1

Calculate the color between two colors, #C9C4EB and #8161B1. 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)

#C9C4EB - #8161B1 | 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 #C9C4EB as 0% and #8161B1 as 100%.

0.0%	0.0% #C9C4EB	RGB 201 196 235	#C9C4EB
16.7%	16.7% #BDB3E1	RGB 189 179 225	#BDB3E1
33.3%	33.3% #B1A3D7	RGB 177 163 215	#B1A3D7
50.0%	50.0% #A592CE	RGB 165 146 206	#A592CE
66.7%	66.7% #9982C4	RGB 153 130 196	#9982C4
83.3%	83.3% #8D71BA	RGB 141 113 186	#8D71BA
100.0%	100.0% #8161B1	RGB 129 97 177	#8161B1

#C9C4EB #BDB3E1 #B1A3D7 #A592CE #9982C4 #8D71BA #8161B1

#C9C4EB - #8161B1

HSV Blend

#C9C4EB - #8161B1 | 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 #C9C4EB as 0% and #8161B1 as 100%.

0.0%	0.0% #C9C4EB	RGB 201 196 235	#C9C4EB
16.7%	16.7% #B9B1E1	RGB 185 177 225	#B9B1E1
33.3%	33.3% #AB9FD7	RGB 171 159 215	#AB9FD7
50.0%	50.0% #9F8ECE	RGB 159 142 206	#9F8ECE
66.7%	66.7% #937EC4	RGB 147 126 196	#937EC4
83.3%	83.3% #896FBA	RGB 137 111 186	#896FBA
100.0%	100.0% #8161B1	RGB 129 97 177	#8161B1

#C9C4EB #B9B1E1 #AB9FD7 #9F8ECE #937EC4 #896FBA #8161B1

#C9C4EB - #9F8ECE - #8161B1

CSS codes

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

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