#5E616C - #1B2A27 | 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 #5E616C to #1B2A27

#5E616C #1B2A27

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

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

0.0%	0.0% #5E616C	RGB 94 97 108	#5E616C
16.7%	16.7% #525760	RGB 82 87 96	#525760
33.3%	33.3% #474E55	RGB 71 78 85	#474E55
50.0%	50.0% #3C4549	RGB 60 69 73	#3C4549
66.7%	66.7% #313C3E	RGB 49 60 62	#313C3E
83.3%	83.3% #263332	RGB 38 51 50	#263332
100.0%	100.0% #1B2A27	RGB 27 42 39	#1B2A27

#5E616C #525760 #474E55 #3C4549 #313C3E #263332 #1B2A27

#5E616C - #1B2A27

HSV Blend

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

0.0%	0.0% #5E616C	RGB 94 97 108	#5E616C
16.7%	16.7% #505661	RGB 80 86 97	#505661
33.3%	33.3% #444D56	RGB 68 77 86	#444D56
50.0%	50.0% #38454B	RGB 56 69 75	#38454B
66.7%	66.7% #2D3D40	RGB 45 61 64	#2D3D40
83.3%	83.3% #243534	RGB 36 53 52	#243534
100.0%	100.0% #1B2A27	RGB 27 42 39	#1B2A27

#5E616C #505661 #444D56 #38454B #2D3D40 #243534 #1B2A27

#5E616C - #38454B - #1B2A27

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E616C 0%, #38454B 50%, #1B2A27 100%);
    background: -webkit-linear-gradient(top, #5E616C 0%, #38454B 50%, #1B2A27 100%);
    background: linear-gradient(to bottom, #5E616C 0%, #38454B 50%, #1B2A27 100%);
}
</style>