#C35EB1 - #8A0060 | 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 #C35EB1 to #8A0060

#C35EB1 #8A0060

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

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

0.0%	0.0% #C35EB1	RGB 195 94 177	#C35EB1
16.7%	16.7% #B94EA3	RGB 185 78 163	#B94EA3
33.3%	33.3% #B03E96	RGB 176 62 150	#B03E96
50.0%	50.0% #A62F88	RGB 166 47 136	#A62F88
66.7%	66.7% #9D1F7B	RGB 157 31 123	#9D1F7B
83.3%	83.3% #930F6D	RGB 147 15 109	#930F6D
100.0%	100.0% #8A0060	RGB 138 0 96	#8A0060

#C35EB1 #B94EA3 #B03E96 #A62F88 #9D1F7B #930F6D #8A0060

#C35EB1 - #8A0060

HSV Blend

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

0.0%	0.0% #C35EB1	RGB 195 94 177	#C35EB1
16.7%	16.7% #B94AA3	RGB 185 74 163	#B94AA3
33.3%	33.3% #B03895	RGB 176 56 149	#B03895
50.0%	50.0% #A62888	RGB 166 40 136	#A62888
66.7%	66.7% #9D197A	RGB 157 25 122	#9D197A
83.3%	83.3% #930B6D	RGB 147 11 109	#930B6D
100.0%	100.0% #8A0060	RGB 138 0 96	#8A0060

#C35EB1 #B94AA3 #B03895 #A62888 #9D197A #930B6D #8A0060

#C35EB1 - #A62888 - #8A0060

CSS codes

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

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