#572D64 - #3C0448 | 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 #572D64 to #3C0448

#572D64 #3C0448

Calculate the color between two colors, #572D64 and #3C0448. 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)

#572D64 - #3C0448 | 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 #572D64 as 0% and #3C0448 as 100%.

0.0%	0.0% #572D64	RGB 87 45 100	#572D64
16.7%	16.7% #52265F	RGB 82 38 95	#52265F
33.3%	33.3% #4E1F5A	RGB 78 31 90	#4E1F5A
50.0%	50.0% #491856	RGB 73 24 86	#491856
66.7%	66.7% #451151	RGB 69 17 81	#451151
83.3%	83.3% #400A4C	RGB 64 10 76	#400A4C
100.0%	100.0% #3C0448	RGB 60 4 72	#3C0448

#572D64 #52265F #4E1F5A #491856 #451151 #400A4C #3C0448

#572D64 - #3C0448

HSV Blend

#572D64 - #3C0448 | 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 #572D64 as 0% and #3C0448 as 100%.

0.0%	0.0% #562D64	RGB 86 45 100	#562D64
16.7%	16.7% #52245F	RGB 82 36 95	#52245F
33.3%	33.3% #4D1C5A	RGB 77 28 90	#4D1C5A
50.0%	50.0% #481556	RGB 72 21 86	#481556
66.7%	66.7% #440F51	RGB 68 15 81	#440F51
83.3%	83.3% #40094C	RGB 64 9 76	#40094C
100.0%	100.0% #3C0448	RGB 60 4 72	#3C0448

#562D64 #52245F #4D1C5A #481556 #440F51 #40094C #3C0448

#572D64 - #481556 - #3C0448

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #562D64 0%, #481556 50%, #3C0448 100%);
    background: -webkit-linear-gradient(top, #562D64 0%, #481556 50%, #3C0448 100%);
    background: linear-gradient(to bottom, #562D64 0%, #481556 50%, #3C0448 100%);
}
</style>