#543E5E - #1B1117 | 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 #543E5E to #1B1117

#543E5E #1B1117

Calculate the color between two colors, #543E5E and #1B1117. 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)

#543E5E - #1B1117 | 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 #543E5E as 0% and #1B1117 as 100%.

0.0%	0.0% #543E5E	RGB 84 62 94	#543E5E
16.7%	16.7% #4A3652	RGB 74 54 82	#4A3652
33.3%	33.3% #412F46	RGB 65 47 70	#412F46
50.0%	50.0% #37273A	RGB 55 39 58	#37273A
66.7%	66.7% #2E202E	RGB 46 32 46	#2E202E
83.3%	83.3% #241822	RGB 36 24 34	#241822
100.0%	100.0% #1B1117	RGB 27 17 23	#1B1117

#543E5E #4A3652 #412F46 #37273A #2E202E #241822 #1B1117

#543E5E - #1B1117

HSV Blend

#543E5E - #1B1117 | 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 #543E5E as 0% and #1B1117 as 100%.

0.0%	0.0% #543E5E	RGB 84 62 94	#543E5E
16.7%	16.7% #4D3652	RGB 77 54 82	#4D3652
33.3%	33.3% #452E47	RGB 69 46 71	#452E47
50.0%	50.0% #3C263B	RGB 60 38 59	#3C263B
66.7%	66.7% #311F2E	RGB 49 31 46	#311F2E
83.3%	83.3% #261822	RGB 38 24 34	#261822
100.0%	100.0% #1B1117	RGB 27 17 23	#1B1117

#543E5E #4D3652 #452E47 #3C263B #311F2E #261822 #1B1117

#543E5E - #3C263B - #1B1117

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #543E5E 0%, #3C263B 50%, #1B1117 100%);
    background: -webkit-linear-gradient(top, #543E5E 0%, #3C263B 50%, #1B1117 100%);
    background: linear-gradient(to bottom, #543E5E 0%, #3C263B 50%, #1B1117 100%);
}
</style>