#5E565E - #1C211B | 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 #5E565E to #1C211B

#5E565E #1C211B

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

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

0.0%	0.0% #5E565E	RGB 94 86 94	#5E565E
16.7%	16.7% #534D52	RGB 83 77 82	#534D52
33.3%	33.3% #484447	RGB 72 68 71	#484447
50.0%	50.0% #3D3B3C	RGB 61 59 60	#3D3B3C
66.7%	66.7% #323231	RGB 50 50 49	#323231
83.3%	83.3% #272926	RGB 39 41 38	#272926
100.0%	100.0% #1C211B	RGB 28 33 27	#1C211B

#5E565E #534D52 #484447 #3D3B3C #323231 #272926 #1C211B

#5E565E - #1C211B

HSV Blend

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

0.0%	0.0% #5E565E	RGB 94 86 94	#5E565E
16.7%	16.7% #534B4F	RGB 83 75 79	#534B4F
33.3%	33.3% #494141	RGB 73 65 65	#494141
50.0%	50.0% #3F3A37	RGB 63 58 55	#3F3A37
66.7%	66.7% #35342D	RGB 53 52 45	#35342D
83.3%	83.3% #282B24	RGB 40 43 36	#282B24
100.0%	100.0% #1C211B	RGB 28 33 27	#1C211B

#5E565E #534B4F #494141 #3F3A37 #35342D #282B24 #1C211B

#5E565E - #3F3A37 - #1C211B

CSS codes

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

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