#5E4D50 - #490B1D | 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 #5E4D50 to #490B1D

#5E4D50 #490B1D

Calculate the color between two colors, #5E4D50 and #490B1D. 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)

#5E4D50 - #490B1D | 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 #5E4D50 as 0% and #490B1D as 100%.

0.0%	0.0% #5E4D50	RGB 94 77 80	#5E4D50
16.7%	16.7% #5A4247	RGB 90 66 71	#5A4247
33.3%	33.3% #57373F	RGB 87 55 63	#57373F
50.0%	50.0% #532C36	RGB 83 44 54	#532C36
66.7%	66.7% #50202E	RGB 80 32 46	#50202E
83.3%	83.3% #4C1625	RGB 76 22 37	#4C1625
100.0%	100.0% #490B1D	RGB 73 11 29	#490B1D

#5E4D50 #5A4247 #57373F #532C36 #50202E #4C1625 #490B1D

#5E4D50 - #490B1D

HSV Blend

#5E4D50 - #490B1D | 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 #5E4D50 as 0% and #490B1D as 100%.

0.0%	0.0% #5E4D50	RGB 94 77 80	#5E4D50
16.7%	16.7% #5A4045	RGB 90 64 69	#5A4045
33.3%	33.3% #57333B	RGB 87 51 59	#57333B
50.0%	50.0% #532832	RGB 83 40 50	#532832
66.7%	66.7% #501D2A	RGB 80 29 42	#501D2A
83.3%	83.3% #4C1423	RGB 76 20 35	#4C1423
100.0%	100.0% #490B1D	RGB 73 11 29	#490B1D

#5E4D50 #5A4045 #57333B #532832 #501D2A #4C1423 #490B1D

#5E4D50 - #532832 - #490B1D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4D50 0%, #532832 50%, #490B1D 100%);
    background: -webkit-linear-gradient(top, #5E4D50 0%, #532832 50%, #490B1D 100%);
    background: linear-gradient(to bottom, #5E4D50 0%, #532832 50%, #490B1D 100%);
}
</style>