#C35BBC - #8A006C | 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 #C35BBC to #8A006C

#C35BBC #8A006C

Calculate the color between two colors, #C35BBC and #8A006C. 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)

#C35BBC - #8A006C | 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 #C35BBC as 0% and #8A006C as 100%.

0.0%	0.0% #C35BBC	RGB 195 91 188	#C35BBC
16.7%	16.7% #B94BAE	RGB 185 75 174	#B94BAE
33.3%	33.3% #B03CA1	RGB 176 60 161	#B03CA1
50.0%	50.0% #A62D94	RGB 166 45 148	#A62D94
66.7%	66.7% #9D1E86	RGB 157 30 134	#9D1E86
83.3%	83.3% #930F79	RGB 147 15 121	#930F79
100.0%	100.0% #8A006C	RGB 138 0 108	#8A006C

#C35BBC #B94BAE #B03CA1 #A62D94 #9D1E86 #930F79 #8A006C

#C35BBC - #8A006C

HSV Blend

#C35BBC - #8A006C | 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 #C35BBC as 0% and #8A006C as 100%.

0.0%	0.0% #C35BBB	RGB 195 91 187	#C35BBB
16.7%	16.7% #B948AF	RGB 185 72 175	#B948AF
33.3%	33.3% #B036A1	RGB 176 54 161	#B036A1
50.0%	50.0% #A62694	RGB 166 38 148	#A62694
66.7%	66.7% #9D1886	RGB 157 24 134	#9D1886
83.3%	83.3% #930B79	RGB 147 11 121	#930B79
100.0%	100.0% #8A006C	RGB 138 0 108	#8A006C

#C35BBB #B948AF #B036A1 #A62694 #9D1886 #930B79 #8A006C

#C35BBC - #A62694 - #8A006C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C35BBB 0%, #A62694 50%, #8A006C 100%);
    background: -webkit-linear-gradient(top, #C35BBB 0%, #A62694 50%, #8A006C 100%);
    background: linear-gradient(to bottom, #C35BBB 0%, #A62694 50%, #8A006C 100%);
}
</style>