#5E595A - #1B2321 | 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 #5E595A to #1B2321

#5E595A #1B2321

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

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

0.0%	0.0% #5E595A	RGB 94 89 90	#5E595A
16.7%	16.7% #525050	RGB 82 80 80	#525050
33.3%	33.3% #474747	RGB 71 71 71	#474747
50.0%	50.0% #3C3E3D	RGB 60 62 61	#3C3E3D
66.7%	66.7% #313534	RGB 49 53 52	#313534
83.3%	83.3% #262C2A	RGB 38 44 42	#262C2A
100.0%	100.0% #1B2321	RGB 27 35 33	#1B2321

#5E595A #525050 #474747 #3C3E3D #313534 #262C2A #1B2321

#5E595A - #1B2321

HSV Blend

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

0.0%	0.0% #5E595A	RGB 94 89 90	#5E595A
16.7%	16.7% #544F4D	RGB 84 79 77	#544F4D
33.3%	33.3% #4A4842	RGB 74 72 66	#4A4842
50.0%	50.0% #3E4037	RGB 62 64 55	#3E4037
66.7%	66.7% #2F362D	RGB 47 54 45	#2F362D
83.3%	83.3% #232C26	RGB 35 44 38	#232C26
100.0%	100.0% #1B2321	RGB 27 35 33	#1B2321

#5E595A #544F4D #4A4842 #3E4037 #2F362D #232C26 #1B2321

#5E595A - #3E4037 - #1B2321

CSS codes

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

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