#C35EDF - #8500A2 | 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 #C35EDF to #8500A2

#C35EDF #8500A2

Calculate the color between two colors, #C35EDF and #8500A2. 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)

#C35EDF - #8500A2 | 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 #C35EDF as 0% and #8500A2 as 100%.

0.0%	0.0% #C35EDF	RGB 195 94 223	#C35EDF
16.7%	16.7% #B84ED4	RGB 184 78 212	#B84ED4
33.3%	33.3% #AE3ECA	RGB 174 62 202	#AE3ECA
50.0%	50.0% #A42FC0	RGB 164 47 192	#A42FC0
66.7%	66.7% #991FB6	RGB 153 31 182	#991FB6
83.3%	83.3% #8F0FAC	RGB 143 15 172	#8F0FAC
100.0%	100.0% #8500A2	RGB 133 0 162	#8500A2

#C35EDF #B84ED4 #AE3ECA #A42FC0 #991FB6 #8F0FAC #8500A2

#C35EDF - #8500A2

HSV Blend

#C35EDF - #8500A2 | 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 #C35EDF as 0% and #8500A2 as 100%.

0.0%	0.0% #C35EDF	RGB 195 94 223	#C35EDF
16.7%	16.7% #B74AD4	RGB 183 74 212	#B74AD4
33.3%	33.3% #AC38CA	RGB 172 56 202	#AC38CA
50.0%	50.0% #A228C0	RGB 162 40 192	#A228C0
66.7%	66.7% #9819B6	RGB 152 25 182	#9819B6
83.3%	83.3% #8E0CAC	RGB 142 12 172	#8E0CAC
100.0%	100.0% #8500A2	RGB 133 0 162	#8500A2

#C35EDF #B74AD4 #AC38CA #A228C0 #9819B6 #8E0CAC #8500A2

#C35EDF - #A228C0 - #8500A2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C35EDF 0%, #A228C0 50%, #8500A2 100%);
    background: -webkit-linear-gradient(top, #C35EDF 0%, #A228C0 50%, #8500A2 100%);
    background: linear-gradient(to bottom, #C35EDF 0%, #A228C0 50%, #8500A2 100%);
}
</style>