#C6B8CA - #9D5E9E | 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 #C6B8CA to #9D5E9E

#C6B8CA #9D5E9E

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

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

0.0%	0.0% #C6B8CA	RGB 198 184 202	#C6B8CA
16.7%	16.7% #BFA9C2	RGB 191 169 194	#BFA9C2
33.3%	33.3% #B89ABB	RGB 184 154 187	#B89ABB
50.0%	50.0% #B18BB4	RGB 177 139 180	#B18BB4
66.7%	66.7% #AA7CAC	RGB 170 124 172	#AA7CAC
83.3%	83.3% #A36DA5	RGB 163 109 165	#A36DA5
100.0%	100.0% #9D5E9E	RGB 157 94 158	#9D5E9E

#C6B8CA #BFA9C2 #B89ABB #B18BB4 #AA7CAC #A36DA5 #9D5E9E

#C6B8CA - #9D5E9E

HSV Blend

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

0.0%	0.0% #C6B8CA	RGB 198 184 202	#C6B8CA
16.7%	16.7% #BDA7C2	RGB 189 167 194	#BDA7C2
33.3%	33.3% #B596BB	RGB 181 150 187	#B596BB
50.0%	50.0% #AE87B4	RGB 174 135 180	#AE87B4
66.7%	66.7% #A878AC	RGB 168 120 172	#A878AC
83.3%	83.3% #A26BA5	RGB 162 107 165	#A26BA5
100.0%	100.0% #9D5E9E	RGB 157 94 158	#9D5E9E

#C6B8CA #BDA7C2 #B596BB #AE87B4 #A878AC #A26BA5 #9D5E9E

#C6B8CA - #AE87B4 - #9D5E9E

CSS codes

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

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