#C9C4CE - #9C72B7 | 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 #C9C4CE to #9C72B7

#C9C4CE #9C72B7

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

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

0.0%	0.0% #C9C4CE	RGB 201 196 206	#C9C4CE
16.7%	16.7% #C1B6CA	RGB 193 182 202	#C1B6CA
33.3%	33.3% #BAA8C6	RGB 186 168 198	#BAA8C6
50.0%	50.0% #B29BC2	RGB 178 155 194	#B29BC2
66.7%	66.7% #AB8DBE	RGB 171 141 190	#AB8DBE
83.3%	83.3% #A37FBA	RGB 163 127 186	#A37FBA
100.0%	100.0% #9C72B7	RGB 156 114 183	#9C72B7

#C9C4CE #C1B6CA #BAA8C6 #B29BC2 #AB8DBE #A37FBA #9C72B7

#C9C4CE - #9C72B7

HSV Blend

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

0.0%	0.0% #C9C4CE	RGB 201 196 206	#C9C4CE
16.7%	16.7% #C0B5CA	RGB 192 181 202	#C0B5CA
33.3%	33.3% #B7A6C6	RGB 183 166 198	#B7A6C6
50.0%	50.0% #B099C2	RGB 176 153 194	#B099C2
66.7%	66.7% #A88BBE	RGB 168 139 190	#A88BBE
83.3%	83.3% #A27EBA	RGB 162 126 186	#A27EBA
100.0%	100.0% #9C72B7	RGB 156 114 183	#9C72B7

#C9C4CE #C0B5CA #B7A6C6 #B099C2 #A88BBE #A27EBA #9C72B7

#C9C4CE - #B099C2 - #9C72B7

CSS codes

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

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