#C9B5E6 - #9955B7 | 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 #C9B5E6 to #9955B7

#C9B5E6 #9955B7

Calculate the color between two colors, #C9B5E6 and #9955B7. 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)

#C9B5E6 - #9955B7 | 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 #C9B5E6 as 0% and #9955B7 as 100%.

0.0%	0.0% #C9B5E6	RGB 201 181 230	#C9B5E6
16.7%	16.7% #C1A5DE	RGB 193 165 222	#C1A5DE
33.3%	33.3% #B995D6	RGB 185 149 214	#B995D6
50.0%	50.0% #B185CE	RGB 177 133 206	#B185CE
66.7%	66.7% #A975C6	RGB 169 117 198	#A975C6
83.3%	83.3% #A165BE	RGB 161 101 190	#A165BE
100.0%	100.0% #9955B7	RGB 153 85 183	#9955B7

#C9B5E6 #C1A5DE #B995D6 #B185CE #A975C6 #A165BE #9955B7

#C9B5E6 - #9955B7

HSV Blend

#C9B5E6 - #9955B7 | 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 #C9B5E6 as 0% and #9955B7 as 100%.

0.0%	0.0% #C9B5E6	RGB 201 181 230	#C9B5E6
16.7%	16.7% #BDA2DE	RGB 189 162 222	#BDA2DE
33.3%	33.3% #B491D6	RGB 180 145 214	#B491D6
50.0%	50.0% #AB81CE	RGB 171 129 206	#AB81CE
66.7%	66.7% #A471C6	RGB 164 113 198	#A471C6
83.3%	83.3% #9E62BE	RGB 158 98 190	#9E62BE
100.0%	100.0% #9955B7	RGB 153 85 183	#9955B7

#C9B5E6 #BDA2DE #B491D6 #AB81CE #A471C6 #9E62BE #9955B7

#C9B5E6 - #AB81CE - #9955B7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9B5E6 0%, #AB81CE 50%, #9955B7 100%);
    background: -webkit-linear-gradient(top, #C9B5E6 0%, #AB81CE 50%, #9955B7 100%);
    background: linear-gradient(to bottom, #C9B5E6 0%, #AB81CE 50%, #9955B7 100%);
}
</style>