#5B626C - #1E2727 | 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 #1E2727

#5B626C #1E2727

Calculate the color between two colors, #5B626C and #1E2727. 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 - #1E2727 | 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 #1E2727 as 100%.

0.0%	0.0% #5B626C	RGB 91 98 108	#5B626C
16.7%	16.7% #505860	RGB 80 88 96	#505860
33.3%	33.3% #464E55	RGB 70 78 85	#464E55
50.0%	50.0% #3C4449	RGB 60 68 73	#3C4449
66.7%	66.7% #323A3E	RGB 50 58 62	#323A3E
83.3%	83.3% #283032	RGB 40 48 50	#283032
100.0%	100.0% #1E2727	RGB 30 39 39	#1E2727

#5B626C #505860 #464E55 #3C4449 #323A3E #283032 #1E2727

#5B626C - #1E2727

HSV Blend

#5B626C - #1E2727 | 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 #1E2727 as 100%.

0.0%	0.0% #5B626C	RGB 91 98 108	#5B626C
16.7%	16.7% #505860	RGB 80 88 96	#505860
33.3%	33.3% #454E55	RGB 69 78 85	#454E55
50.0%	50.0% #3B4549	RGB 59 69 73	#3B4549
66.7%	66.7% #313B3E	RGB 49 59 62	#313B3E
83.3%	83.3% #273132	RGB 39 49 50	#273132
100.0%	100.0% #1E2727	RGB 30 39 39	#1E2727

#5B626C #505860 #454E55 #3B4549 #313B3E #273132 #1E2727

#5B626C - #3B4549 - #1E2727

CSS codes

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

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