#5E6572 - #1F2A2B | 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 #5E6572 to #1F2A2B

#5E6572 #1F2A2B

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

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

0.0%	0.0% #5E6572	RGB 94 101 114	#5E6572
16.7%	16.7% #535B66	RGB 83 91 102	#535B66
33.3%	33.3% #49515A	RGB 73 81 90	#49515A
50.0%	50.0% #3E474E	RGB 62 71 78	#3E474E
66.7%	66.7% #343D42	RGB 52 61 66	#343D42
83.3%	83.3% #293336	RGB 41 51 54	#293336
100.0%	100.0% #1F2A2B	RGB 31 42 43	#1F2A2B

#5E6572 #535B66 #49515A #3E474E #343D42 #293336 #1F2A2B

#5E6572 - #1F2A2B

HSV Blend

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

0.0%	0.0% #5E6572	RGB 94 101 114	#5E6572
16.7%	16.7% #525B66	RGB 82 91 102	#525B66
33.3%	33.3% #47515A	RGB 71 81 90	#47515A
50.0%	50.0% #3C474E	RGB 60 71 78	#3C474E
66.7%	66.7% #323E42	RGB 50 62 66	#323E42
83.3%	83.3% #283436	RGB 40 52 54	#283436
100.0%	100.0% #1F2A2B	RGB 31 42 43	#1F2A2B

#5E6572 #525B66 #47515A #3C474E #323E42 #283436 #1F2A2B

#5E6572 - #3C474E - #1F2A2B

CSS codes

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

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