#543D86 - #2B085E | 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 #543D86 to #2B085E

#543D86 #2B085E

Calculate the color between two colors, #543D86 and #2B085E. 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)

#543D86 - #2B085E | 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 #543D86 as 0% and #2B085E as 100%.

0.0%	0.0% #543D86	RGB 84 61 134	#543D86
16.7%	16.7% #4D347F	RGB 77 52 127	#4D347F
33.3%	33.3% #462B78	RGB 70 43 120	#462B78
50.0%	50.0% #3F2272	RGB 63 34 114	#3F2272
66.7%	66.7% #38196B	RGB 56 25 107	#38196B
83.3%	83.3% #311064	RGB 49 16 100	#311064
100.0%	100.0% #2B085E	RGB 43 8 94	#2B085E

#543D86 #4D347F #462B78 #3F2272 #38196B #311064 #2B085E

#543D86 - #2B085E

HSV Blend

#543D86 - #2B085E | 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 #543D86 as 0% and #2B085E as 100%.

0.0%	0.0% #543D86	RGB 84 61 134	#543D86
16.7%	16.7% #4B327F	RGB 75 50 127	#4B327F
33.3%	33.3% #432878	RGB 67 40 120	#432878
50.0%	50.0% #3C1E72	RGB 60 30 114	#3C1E72
66.7%	66.7% #36166B	RGB 54 22 107	#36166B
83.3%	83.3% #300E64	RGB 48 14 100	#300E64
100.0%	100.0% #2B085E	RGB 43 8 94	#2B085E

#543D86 #4B327F #432878 #3C1E72 #36166B #300E64 #2B085E

#543D86 - #3C1E72 - #2B085E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #543D86 0%, #3C1E72 50%, #2B085E 100%);
    background: -webkit-linear-gradient(top, #543D86 0%, #3C1E72 50%, #2B085E 100%);
    background: linear-gradient(to bottom, #543D86 0%, #3C1E72 50%, #2B085E 100%);
}
</style>