#5E2859 - #CD47CB | 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 #5E2859 to #CD47CB

#5E2859 #CD47CB

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

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

0.0%	0.0% #5E2859	RGB 94 40 89	#5E2859
16.7%	16.7% #702D6C	RGB 112 45 108	#702D6C
33.3%	33.3% #83327F	RGB 131 50 127	#83327F
50.0%	50.0% #953792	RGB 149 55 146	#953792
66.7%	66.7% #A83CA5	RGB 168 60 165	#A83CA5
83.3%	83.3% #BA41B8	RGB 186 65 184	#BA41B8
100.0%	100.0% #CD47CB	RGB 205 71 203	#CD47CB

#5E2859 #702D6C #83327F #953792 #A83CA5 #BA41B8 #CD47CB

#5E2859 - #CD47CB

HSV Blend

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

0.0%	0.0% #5E2859	RGB 94 40 89	#5E2859
16.7%	16.7% #702E6B	RGB 112 46 107	#702E6B
33.3%	33.3% #83347D	RGB 131 52 125	#83347D
50.0%	50.0% #953990	RGB 149 57 144	#953990
66.7%	66.7% #A83EA3	RGB 168 62 163	#A83EA3
83.3%	83.3% #BA43B7	RGB 186 67 183	#BA43B7
100.0%	100.0% #CD47CB	RGB 205 71 203	#CD47CB

#5E2859 #702E6B #83347D #953990 #A83EA3 #BA43B7 #CD47CB

#5E2859 - #953990 - #CD47CB

CSS codes

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

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