#5E646D - #1F2928 | 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 #5E646D to #1F2928

#5E646D #1F2928

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

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

0.0%	0.0% #5E646D	RGB 94 100 109	#5E646D
16.7%	16.7% #535A61	RGB 83 90 97	#535A61
33.3%	33.3% #495056	RGB 73 80 86	#495056
50.0%	50.0% #3E464A	RGB 62 70 74	#3E464A
66.7%	66.7% #343C3F	RGB 52 60 63	#343C3F
83.3%	83.3% #293233	RGB 41 50 51	#293233
100.0%	100.0% #1F2928	RGB 31 41 40	#1F2928

#5E646D #535A61 #495056 #3E464A #343C3F #293233 #1F2928

#5E646D - #1F2928

HSV Blend

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

0.0%	0.0% #5E646D	RGB 94 100 109	#5E646D
16.7%	16.7% #525A61	RGB 82 90 97	#525A61
33.3%	33.3% #475056	RGB 71 80 86	#475056
50.0%	50.0% #3C474B	RGB 60 71 75	#3C474B
66.7%	66.7% #323D3F	RGB 50 61 63	#323D3F
83.3%	83.3% #283434	RGB 40 52 52	#283434
100.0%	100.0% #1F2928	RGB 31 41 40	#1F2928

#5E646D #525A61 #475056 #3C474B #323D3F #283434 #1F2928

#5E646D - #3C474B - #1F2928

CSS codes

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

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