#541F5E - #2F043E | 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 #541F5E to #2F043E

#541F5E #2F043E

Calculate the color between two colors, #541F5E and #2F043E. 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)

#541F5E - #2F043E | 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 #541F5E as 0% and #2F043E as 100%.

0.0%	0.0% #541F5E	RGB 84 31 94	#541F5E
16.7%	16.7% #4D1A58	RGB 77 26 88	#4D1A58
33.3%	33.3% #471653	RGB 71 22 83	#471653
50.0%	50.0% #41114E	RGB 65 17 78	#41114E
66.7%	66.7% #3B0D48	RGB 59 13 72	#3B0D48
83.3%	83.3% #350843	RGB 53 8 67	#350843
100.0%	100.0% #2F043E	RGB 47 4 62	#2F043E

#541F5E #4D1A58 #471653 #41114E #3B0D48 #350843 #2F043E

#541F5E - #2F043E

HSV Blend

#541F5E - #2F043E | 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 #541F5E as 0% and #2F043E as 100%.

0.0%	0.0% #541F5E	RGB 84 31 94	#541F5E
16.7%	16.7% #4D1958	RGB 77 25 88	#4D1958
33.3%	33.3% #471453	RGB 71 20 83	#471453
50.0%	50.0% #400F4E	RGB 64 15 78	#400F4E
66.7%	66.7% #3A0B48	RGB 58 11 72	#3A0B48
83.3%	83.3% #340743	RGB 52 7 67	#340743
100.0%	100.0% #2F043E	RGB 47 4 62	#2F043E

#541F5E #4D1958 #471453 #400F4E #3A0B48 #340743 #2F043E

#541F5E - #400F4E - #2F043E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #541F5E 0%, #400F4E 50%, #2F043E 100%);
    background: -webkit-linear-gradient(top, #541F5E 0%, #400F4E 50%, #2F043E 100%);
    background: linear-gradient(to bottom, #541F5E 0%, #400F4E 50%, #2F043E 100%);
}
</style>