#573E5E - #42074C | 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 #573E5E to #42074C

#573E5E #42074C

Calculate the color between two colors, #573E5E and #42074C. 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)

#573E5E - #42074C | 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 #573E5E as 0% and #42074C as 100%.

0.0%	0.0% #573E5E	RGB 87 62 94	#573E5E
16.7%	16.7% #53345B	RGB 83 52 91	#53345B
33.3%	33.3% #502B58	RGB 80 43 88	#502B58
50.0%	50.0% #4C2255	RGB 76 34 85	#4C2255
66.7%	66.7% #491952	RGB 73 25 82	#491952
83.3%	83.3% #45104F	RGB 69 16 79	#45104F
100.0%	100.0% #42074C	RGB 66 7 76	#42074C

#573E5E #53345B #502B58 #4C2255 #491952 #45104F #42074C

#573E5E - #42074C

HSV Blend

#573E5E - #42074C | 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 #573E5E as 0% and #42074C as 100%.

0.0%	0.0% #573E5E	RGB 87 62 94	#573E5E
16.7%	16.7% #52335B	RGB 82 51 91	#52335B
33.3%	33.3% #4E2958	RGB 78 41 88	#4E2958
50.0%	50.0% #4B1F55	RGB 75 31 85	#4B1F55
66.7%	66.7% #481752	RGB 72 23 82	#481752
83.3%	83.3% #440E4F	RGB 68 14 79	#440E4F
100.0%	100.0% #42074C	RGB 66 7 76	#42074C

#573E5E #52335B #4E2958 #4B1F55 #481752 #440E4F #42074C

#573E5E - #4B1F55 - #42074C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #573E5E 0%, #4B1F55 50%, #42074C 100%);
    background: -webkit-linear-gradient(top, #573E5E 0%, #4B1F55 50%, #42074C 100%);
    background: linear-gradient(to bottom, #573E5E 0%, #4B1F55 50%, #42074C 100%);
}
</style>