#5E585D - #4B1718 | 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 #5E585D to #4B1718

#5E585D #4B1718

Calculate the color between two colors, #5E585D and #4B1718. 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)

#5E585D - #4B1718 | 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 #5E585D as 0% and #4B1718 as 100%.

0.0%	0.0% #5E585D	RGB 94 88 93	#5E585D
16.7%	16.7% #5A4D51	RGB 90 77 81	#5A4D51
33.3%	33.3% #574246	RGB 87 66 70	#574246
50.0%	50.0% #54373A	RGB 84 55 58	#54373A
66.7%	66.7% #512C2F	RGB 81 44 47	#512C2F
83.3%	83.3% #4E2123	RGB 78 33 35	#4E2123
100.0%	100.0% #4B1718	RGB 75 23 24	#4B1718

#5E585D #5A4D51 #574246 #54373A #512C2F #4E2123 #4B1718

#5E585D - #4B1718

HSV Blend

#5E585D - #4B1718 | 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 #5E585D as 0% and #4B1718 as 100%.

0.0%	0.0% #5E585D	RGB 94 88 93	#5E585D
16.7%	16.7% #5A4B56	RGB 90 75 86	#5A4B56
33.3%	33.3% #573F4D	RGB 87 63 77	#573F4D
50.0%	50.0% #543442	RGB 84 52 66	#543442
66.7%	66.7% #512A35	RGB 81 42 53	#512A35
83.3%	83.3% #4E2027	RGB 78 32 39	#4E2027
100.0%	100.0% #4B1718	RGB 75 23 24	#4B1718

#5E585D #5A4B56 #573F4D #543442 #512A35 #4E2027 #4B1718

#5E585D - #543442 - #4B1718

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E585D 0%, #543442 50%, #4B1718 100%);
    background: -webkit-linear-gradient(top, #5E585D 0%, #543442 50%, #4B1718 100%);
    background: linear-gradient(to bottom, #5E585D 0%, #543442 50%, #4B1718 100%);
}
</style>