#574D5E - #3C0951 | 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 #574D5E to #3C0951

#574D5E #3C0951

Calculate the color between two colors, #574D5E and #3C0951. 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)

#574D5E - #3C0951 | 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 #574D5E as 0% and #3C0951 as 100%.

0.0%	0.0% #574D5E	RGB 87 77 94	#574D5E
16.7%	16.7% #52415B	RGB 82 65 91	#52415B
33.3%	33.3% #4E3659	RGB 78 54 89	#4E3659
50.0%	50.0% #492B57	RGB 73 43 87	#492B57
66.7%	66.7% #451F55	RGB 69 31 85	#451F55
83.3%	83.3% #401453	RGB 64 20 83	#401453
100.0%	100.0% #3C0951	RGB 60 9 81	#3C0951

#574D5E #52415B #4E3659 #492B57 #451F55 #401453 #3C0951

#574D5E - #3C0951

HSV Blend

#574D5E - #3C0951 | 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 #574D5E as 0% and #3C0951 as 100%.

0.0%	0.0% #574D5E	RGB 87 77 94	#574D5E
16.7%	16.7% #51405B	RGB 81 64 91	#51405B
33.3%	33.3% #4B3459	RGB 75 52 89	#4B3459
50.0%	50.0% #472857	RGB 71 40 87	#472857
66.7%	66.7% #421D55	RGB 66 29 85	#421D55
83.3%	83.3% #3F1353	RGB 63 19 83	#3F1353
100.0%	100.0% #3C0951	RGB 60 9 81	#3C0951

#574D5E #51405B #4B3459 #472857 #421D55 #3F1353 #3C0951

#574D5E - #472857 - #3C0951

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #574D5E 0%, #472857 50%, #3C0951 100%);
    background: -webkit-linear-gradient(top, #574D5E 0%, #472857 50%, #3C0951 100%);
    background: linear-gradient(to bottom, #574D5E 0%, #472857 50%, #3C0951 100%);
}
</style>