#5C5E6F - #182A28 | 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 #5C5E6F to #182A28

#5C5E6F #182A28

Calculate the color between two colors, #5C5E6F and #182A28. 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)

#5C5E6F - #182A28 | 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 #5C5E6F as 0% and #182A28 as 100%.

0.0%	0.0% #5C5E6F	RGB 92 94 111	#5C5E6F
16.7%	16.7% #505563	RGB 80 85 99	#505563
33.3%	33.3% #454C57	RGB 69 76 87	#454C57
50.0%	50.0% #3A444B	RGB 58 68 75	#3A444B
66.7%	66.7% #2E3B3F	RGB 46 59 63	#2E3B3F
83.3%	83.3% #233233	RGB 35 50 51	#233233
100.0%	100.0% #182A28	RGB 24 42 40	#182A28

#5C5E6F #505563 #454C57 #3A444B #2E3B3F #233233 #182A28

#5C5E6F - #182A28

HSV Blend

#5C5E6F - #182A28 | 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 #5C5E6F as 0% and #182A28 as 100%.

0.0%	0.0% #5C5E6F	RGB 92 94 111	#5C5E6F
16.7%	16.7% #4E5463	RGB 78 84 99	#4E5463
33.3%	33.3% #414B58	RGB 65 75 88	#414B58
50.0%	50.0% #35434C	RGB 53 67 76	#35434C
66.7%	66.7% #2A3C41	RGB 42 60 65	#2A3C41
83.3%	83.3% #203435	RGB 32 52 53	#203435
100.0%	100.0% #182A28	RGB 24 42 40	#182A28

#5C5E6F #4E5463 #414B58 #35434C #2A3C41 #203435 #182A28

#5C5E6F - #35434C - #182A28

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5C5E6F 0%, #35434C 50%, #182A28 100%);
    background: -webkit-linear-gradient(top, #5C5E6F 0%, #35434C 50%, #182A28 100%);
    background: linear-gradient(to bottom, #5C5E6F 0%, #35434C 50%, #182A28 100%);
}
</style>