#5E2880 - #CD7099 | 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 #5E2880 to #CD7099

#5E2880 #CD7099

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

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

0.0%	0.0% #5E2880	RGB 94 40 128	#5E2880
16.7%	16.7% #703484	RGB 112 52 132	#703484
33.3%	33.3% #834088	RGB 131 64 136	#834088
50.0%	50.0% #954C8C	RGB 149 76 140	#954C8C
66.7%	66.7% #A85890	RGB 168 88 144	#A85890
83.3%	83.3% #BA6494	RGB 186 100 148	#BA6494
100.0%	100.0% #CD7099	RGB 205 112 153	#CD7099

#5E2880 #703484 #834088 #954C8C #A85890 #BA6494 #CD7099

#5E2880 - #CD7099

HSV Blend

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

0.0%	0.0% #5D2880	RGB 93 40 128	#5D2880
16.7%	16.7% #77318C	RGB 119 49 140	#77318C
33.3%	33.3% #923B99	RGB 146 59 153	#923B99
50.0%	50.0% #A6479E	RGB 166 71 158	#A6479E
66.7%	66.7% #B3539C	RGB 179 83 156	#B3539C
83.3%	83.3% #C0619A	RGB 192 97 154	#C0619A
100.0%	100.0% #CD7099	RGB 205 112 153	#CD7099

#5D2880 #77318C #923B99 #A6479E #B3539C #C0619A #CD7099

#5E2880 - #A6479E - #CD7099

CSS codes

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

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