#C26AC2 - #5D0C76 | 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 #C26AC2 to #5D0C76

#C26AC2 #5D0C76

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

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

0.0%	0.0% #C26AC2	RGB 194 106 194	#C26AC2
16.7%	16.7% #B15AB5	RGB 177 90 181	#B15AB5
33.3%	33.3% #A04AA8	RGB 160 74 168	#A04AA8
50.0%	50.0% #8F3B9C	RGB 143 59 156	#8F3B9C
66.7%	66.7% #7E2B8F	RGB 126 43 143	#7E2B8F
83.3%	83.3% #6D1B82	RGB 109 27 130	#6D1B82
100.0%	100.0% #5D0C76	RGB 93 12 118	#5D0C76

#C26AC2 #B15AB5 #A04AA8 #8F3B9C #7E2B8F #6D1B82 #5D0C76

#C26AC2 - #5D0C76

HSV Blend

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

0.0%	0.0% #C26AC2	RGB 194 106 194	#C26AC2
16.7%	16.7% #B155B5	RGB 177 85 181	#B155B5
33.3%	33.3% #A043A8	RGB 160 67 168	#A043A8
50.0%	50.0% #8F329C	RGB 143 50 156	#8F329C
66.7%	66.7% #7E238F	RGB 126 35 143	#7E238F
83.3%	83.3% #6D1682	RGB 109 22 130	#6D1682
100.0%	100.0% #5D0C76	RGB 93 12 118	#5D0C76

#C26AC2 #B155B5 #A043A8 #8F329C #7E238F #6D1682 #5D0C76

#C26AC2 - #8F329C - #5D0C76

CSS codes

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

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