#5E584D - #1A1816 | 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 #5E584D to #1A1816

#5E584D #1A1816

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

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

0.0%	0.0% #5E584D	RGB 94 88 77	#5E584D
16.7%	16.7% #524D43	RGB 82 77 67	#524D43
33.3%	33.3% #47423A	RGB 71 66 58	#47423A
50.0%	50.0% #3C3831	RGB 60 56 49	#3C3831
66.7%	66.7% #302D28	RGB 48 45 40	#302D28
83.3%	83.3% #25221F	RGB 37 34 31	#25221F
100.0%	100.0% #1A1816	RGB 26 24 22	#1A1816

#5E584D #524D43 #47423A #3C3831 #302D28 #25221F #1A1816

#5E584D - #1A1816

HSV Blend

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

0.0%	0.0% #5E584D	RGB 94 88 77	#5E584D
16.7%	16.7% #524D44	RGB 82 77 68	#524D44
33.3%	33.3% #47423B	RGB 71 66 59	#47423B
50.0%	50.0% #3C3731	RGB 60 55 49	#3C3731
66.7%	66.7% #302D28	RGB 48 45 40	#302D28
83.3%	83.3% #25221F	RGB 37 34 31	#25221F
100.0%	100.0% #1A1816	RGB 26 24 22	#1A1816

#5E584D #524D44 #47423B #3C3731 #302D28 #25221F #1A1816

#5E584D - #3C3731 - #1A1816

CSS codes

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

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