#5B626C - #191C1E | 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 #5B626C to #191C1E

#5B626C #191C1E

Calculate the color between two colors, #5B626C and #191C1E. 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)

#5B626C - #191C1E | 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 #5B626C as 0% and #191C1E as 100%.

0.0%	0.0% #5B626C	RGB 91 98 108	#5B626C
16.7%	16.7% #50565F	RGB 80 86 95	#50565F
33.3%	33.3% #454A52	RGB 69 74 82	#454A52
50.0%	50.0% #3A3F45	RGB 58 63 69	#3A3F45
66.7%	66.7% #2F3338	RGB 47 51 56	#2F3338
83.3%	83.3% #24272B	RGB 36 39 43	#24272B
100.0%	100.0% #191C1E	RGB 25 28 30	#191C1E

#5B626C #50565F #454A52 #3A3F45 #2F3338 #24272B #191C1E

#5B626C - #191C1E

HSV Blend

#5B626C - #191C1E | 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 #5B626C as 0% and #191C1E as 100%.

0.0%	0.0% #5B626C	RGB 91 98 108	#5B626C
16.7%	16.7% #4F565F	RGB 79 86 95	#4F565F
33.3%	33.3% #444B52	RGB 68 75 82	#444B52
50.0%	50.0% #393F45	RGB 57 63 69	#393F45
66.7%	66.7% #2E3338	RGB 46 51 56	#2E3338
83.3%	83.3% #23272B	RGB 35 39 43	#23272B
100.0%	100.0% #191C1E	RGB 25 28 30	#191C1E

#5B626C #4F565F #444B52 #393F45 #2E3338 #23272B #191C1E

#5B626C - #393F45 - #191C1E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5B626C 0%, #393F45 50%, #191C1E 100%);
    background: -webkit-linear-gradient(top, #5B626C 0%, #393F45 50%, #191C1E 100%);
    background: linear-gradient(to bottom, #5B626C 0%, #393F45 50%, #191C1E 100%);
}
</style>