#5E2B53 - #C3737D | 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 #5E2B53 to #C3737D

#5E2B53 #C3737D

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

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

0.0%	0.0% #5E2B53	RGB 94 43 83	#5E2B53
16.7%	16.7% #6E375A	RGB 110 55 90	#6E375A
33.3%	33.3% #7F4361	RGB 127 67 97	#7F4361
50.0%	50.0% #904F68	RGB 144 79 104	#904F68
66.7%	66.7% #A15B6F	RGB 161 91 111	#A15B6F
83.3%	83.3% #B26776	RGB 178 103 118	#B26776
100.0%	100.0% #C3737D	RGB 195 115 125	#C3737D

#5E2B53 #6E375A #7F4361 #904F68 #A15B6F #B26776 #C3737D

#5E2B53 - #C3737D

HSV Blend

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

0.0%	0.0% #5E2B53	RGB 94 43 83	#5E2B53
16.7%	16.7% #6E355C	RGB 110 53 92	#6E355C
33.3%	33.3% #7F4063	RGB 127 64 99	#7F4063
50.0%	50.0% #904B6A	RGB 144 75 106	#904B6A
66.7%	66.7% #A15871	RGB 161 88 113	#A15871
83.3%	83.3% #B26577	RGB 178 101 119	#B26577
100.0%	100.0% #C3737D	RGB 195 115 125	#C3737D

#5E2B53 #6E355C #7F4063 #904B6A #A15871 #B26577 #C3737D

#5E2B53 - #904B6A - #C3737D

CSS codes

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

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