#5E544B - #1D2123 | 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 #5E544B to #1D2123

#5E544B #1D2123

Calculate the color between two colors, #5E544B and #1D2123. 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)

#5E544B - #1D2123 | 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 #5E544B as 0% and #1D2123 as 100%.

0.0%	0.0% #5E544B	RGB 94 84 75	#5E544B
16.7%	16.7% #534B44	RGB 83 75 68	#534B44
33.3%	33.3% #48433D	RGB 72 67 61	#48433D
50.0%	50.0% #3D3A37	RGB 61 58 55	#3D3A37
66.7%	66.7% #323230	RGB 50 50 48	#323230
83.3%	83.3% #272929	RGB 39 41 41	#272929
100.0%	100.0% #1D2123	RGB 29 33 35	#1D2123

#5E544B #534B44 #48433D #3D3A37 #323230 #272929 #1D2123

#5E544B - #1D2123

HSV Blend

#5E544B - #1D2123 | 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 #5E544B as 0% and #1D2123 as 100%.

0.0%	0.0% #5E544B	RGB 94 84 75	#5E544B
16.7%	16.7% #545343	RGB 84 83 67	#545343
33.3%	33.3% #444A3C	RGB 68 74 60	#444A3C
50.0%	50.0% #354034	RGB 53 64 52	#354034
66.7%	66.7% #2C3630	RGB 44 54 48	#2C3630
83.3%	83.3% #242C2B	RGB 36 44 43	#242C2B
100.0%	100.0% #1D2123	RGB 29 33 35	#1D2123

#5E544B #545343 #444A3C #354034 #2C3630 #242C2B #1D2123

#5E544B - #354034 - #1D2123

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E544B 0%, #354034 50%, #1D2123 100%);
    background: -webkit-linear-gradient(top, #5E544B 0%, #354034 50%, #1D2123 100%);
    background: linear-gradient(to bottom, #5E544B 0%, #354034 50%, #1D2123 100%);
}
</style>