#5E6170 - #1A2A29 | 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 #5E6170 to #1A2A29

#5E6170 #1A2A29

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

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

0.0%	0.0% #5E6170	RGB 94 97 112	#5E6170
16.7%	16.7% #525764	RGB 82 87 100	#525764
33.3%	33.3% #474E58	RGB 71 78 88	#474E58
50.0%	50.0% #3C454C	RGB 60 69 76	#3C454C
66.7%	66.7% #303C40	RGB 48 60 64	#303C40
83.3%	83.3% #253334	RGB 37 51 52	#253334
100.0%	100.0% #1A2A29	RGB 26 42 41	#1A2A29

#5E6170 #525764 #474E58 #3C454C #303C40 #253334 #1A2A29

#5E6170 - #1A2A29

HSV Blend

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

0.0%	0.0% #5E6170	RGB 94 97 112	#5E6170
16.7%	16.7% #505664	RGB 80 86 100	#505664
33.3%	33.3% #434D58	RGB 67 77 88	#434D58
50.0%	50.0% #38444D	RGB 56 68 77	#38444D
66.7%	66.7% #2D3C41	RGB 45 60 65	#2D3C41
83.3%	83.3% #233435	RGB 35 52 53	#233435
100.0%	100.0% #1A2A29	RGB 26 42 41	#1A2A29

#5E6170 #505664 #434D58 #38444D #2D3C41 #233435 #1A2A29

#5E6170 - #38444D - #1A2A29

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6170 0%, #38444D 50%, #1A2A29 100%);
    background: -webkit-linear-gradient(top, #5E6170 0%, #38444D 50%, #1A2A29 100%);
    background: linear-gradient(to bottom, #5E6170 0%, #38444D 50%, #1A2A29 100%);
}
</style>