#5E2B56 - #C64CA8 | 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 #5E2B56 to #C64CA8

#5E2B56 #C64CA8

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

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

0.0%	0.0% #5E2B56	RGB 94 43 86	#5E2B56
16.7%	16.7% #6F3063	RGB 111 48 99	#6F3063
33.3%	33.3% #803671	RGB 128 54 113	#803671
50.0%	50.0% #923B7F	RGB 146 59 127	#923B7F
66.7%	66.7% #A3418C	RGB 163 65 140	#A3418C
83.3%	83.3% #B4469A	RGB 180 70 154	#B4469A
100.0%	100.0% #C64CA8	RGB 198 76 168	#C64CA8

#5E2B56 #6F3063 #803671 #923B7F #A3418C #B4469A #C64CA8

#5E2B56 - #C64CA8

HSV Blend

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

0.0%	0.0% #5E2B56	RGB 94 43 86	#5E2B56
16.7%	16.7% #6F3164	RGB 111 49 100	#6F3164
33.3%	33.3% #803773	RGB 128 55 115	#803773
50.0%	50.0% #923D80	RGB 146 61 128	#923D80
66.7%	66.7% #A3428E	RGB 163 66 142	#A3428E
83.3%	83.3% #B4479B	RGB 180 71 155	#B4479B
100.0%	100.0% #C64CA8	RGB 198 76 168	#C64CA8

#5E2B56 #6F3164 #803773 #923D80 #A3428E #B4479B #C64CA8

#5E2B56 - #923D80 - #C64CA8

CSS codes

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

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