#C260C7 - #5A007C | 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 #C260C7 to #5A007C

#C260C7 #5A007C

Calculate the color between two colors, #C260C7 and #5A007C. 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)

#C260C7 - #5A007C | 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 #C260C7 as 0% and #5A007C as 100%.

0.0%	0.0% #C260C7	RGB 194 96 199	#C260C7
16.7%	16.7% #B050BA	RGB 176 80 186	#B050BA
33.3%	33.3% #9F40AE	RGB 159 64 174	#9F40AE
50.0%	50.0% #8E30A1	RGB 142 48 161	#8E30A1
66.7%	66.7% #7C2095	RGB 124 32 149	#7C2095
83.3%	83.3% #6B1088	RGB 107 16 136	#6B1088
100.0%	100.0% #5A007C	RGB 90 0 124	#5A007C

#C260C7 #B050BA #9F40AE #8E30A1 #7C2095 #6B1088 #5A007C

#C260C7 - #5A007C

HSV Blend

#C260C7 - #5A007C | 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 #C260C7 as 0% and #5A007C as 100%.

0.0%	0.0% #C260C7	RGB 194 96 199	#C260C7
16.7%	16.7% #B04ABA	RGB 176 74 186	#B04ABA
33.3%	33.3% #9F37AE	RGB 159 55 174	#9F37AE
50.0%	50.0% #8D26A1	RGB 141 38 161	#8D26A1
66.7%	66.7% #7C1795	RGB 124 23 149	#7C1795
83.3%	83.3% #6A0A88	RGB 106 10 136	#6A0A88
100.0%	100.0% #5A007C	RGB 90 0 124	#5A007C

#C260C7 #B04ABA #9F37AE #8D26A1 #7C1795 #6A0A88 #5A007C

#C260C7 - #8D26A1 - #5A007C

CSS codes

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

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