#C26DC3 - #5E0E77 | 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 #C26DC3 to #5E0E77

#C26DC3 #5E0E77

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

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

0.0%	0.0% #C26DC3	RGB 194 109 195	#C26DC3
16.7%	16.7% #B15DB6	RGB 177 93 182	#B15DB6
33.3%	33.3% #A04DA9	RGB 160 77 169	#A04DA9
50.0%	50.0% #903D9D	RGB 144 61 157	#903D9D
66.7%	66.7% #7F2D90	RGB 127 45 144	#7F2D90
83.3%	83.3% #6E1D83	RGB 110 29 131	#6E1D83
100.0%	100.0% #5E0E77	RGB 94 14 119	#5E0E77

#C26DC3 #B15DB6 #A04DA9 #903D9D #7F2D90 #6E1D83 #5E0E77

#C26DC3 - #5E0E77

HSV Blend

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

0.0%	0.0% #C26DC3	RGB 194 109 195	#C26DC3
16.7%	16.7% #B158B6	RGB 177 88 182	#B158B6
33.3%	33.3% #A045A9	RGB 160 69 169	#A045A9
50.0%	50.0% #90359D	RGB 144 53 157	#90359D
66.7%	66.7% #7F2690	RGB 127 38 144	#7F2690
83.3%	83.3% #6E1983	RGB 110 25 131	#6E1983
100.0%	100.0% #5E0E77	RGB 94 14 119	#5E0E77

#C26DC3 #B158B6 #A045A9 #90359D #7F2690 #6E1983 #5E0E77

#C26DC3 - #90359D - #5E0E77

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C26DC3 0%, #90359D 50%, #5E0E77 100%);
    background: -webkit-linear-gradient(top, #C26DC3 0%, #90359D 50%, #5E0E77 100%);
    background: linear-gradient(to bottom, #C26DC3 0%, #90359D 50%, #5E0E77 100%);
}
</style>