#544B5E - #100539 | 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 #544B5E to #100539

#544B5E #100539

Calculate the color between two colors, #544B5E and #100539. 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)

#544B5E - #100539 | 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 #544B5E as 0% and #100539 as 100%.

0.0%	0.0% #544B5E	RGB 84 75 94	#544B5E
16.7%	16.7% #483F57	RGB 72 63 87	#483F57
33.3%	33.3% #3D3351	RGB 61 51 81	#3D3351
50.0%	50.0% #32284B	RGB 50 40 75	#32284B
66.7%	66.7% #261C45	RGB 38 28 69	#261C45
83.3%	83.3% #1B103F	RGB 27 16 63	#1B103F
100.0%	100.0% #100539	RGB 16 5 57	#100539

#544B5E #483F57 #3D3351 #32284B #261C45 #1B103F #100539

#544B5E - #100539

HSV Blend

#544B5E - #100539 | 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 #544B5E as 0% and #100539 as 100%.

0.0%	0.0% #544B5E	RGB 84 75 94	#544B5E
16.7%	16.7% #473B57	RGB 71 59 87	#473B57
33.3%	33.3% #3B2D51	RGB 59 45 81	#3B2D51
50.0%	50.0% #2F214B	RGB 47 33 75	#2F214B
66.7%	66.7% #241645	RGB 36 22 69	#241645
83.3%	83.3% #190D3F	RGB 25 13 63	#190D3F
100.0%	100.0% #100539	RGB 16 5 57	#100539

#544B5E #473B57 #3B2D51 #2F214B #241645 #190D3F #100539

#544B5E - #2F214B - #100539

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #544B5E 0%, #2F214B 50%, #100539 100%);
    background: -webkit-linear-gradient(top, #544B5E 0%, #2F214B 50%, #100539 100%);
    background: linear-gradient(to bottom, #544B5E 0%, #2F214B 50%, #100539 100%);
}
</style>