#5E787D - #2B3034 | 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 #5E787D to #2B3034

#5E787D #2B3034

Calculate the color between two colors, #5E787D and #2B3034. 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)

#5E787D - #2B3034 | 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 #5E787D as 0% and #2B3034 as 100%.

0.0%	0.0% #5E787D	RGB 94 120 125	#5E787D
16.7%	16.7% #556C70	RGB 85 108 112	#556C70
33.3%	33.3% #4D6064	RGB 77 96 100	#4D6064
50.0%	50.0% #445458	RGB 68 84 88	#445458
66.7%	66.7% #3C484C	RGB 60 72 76	#3C484C
83.3%	83.3% #333C40	RGB 51 60 64	#333C40
100.0%	100.0% #2B3034	RGB 43 48 52	#2B3034

#5E787D #556C70 #4D6064 #445458 #3C484C #333C40 #2B3034

#5E787D - #2B3034

HSV Blend

#5E787D - #2B3034 | 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 #5E787D as 0% and #2B3034 as 100%.

0.0%	0.0% #5E787D	RGB 94 120 125	#5E787D
16.7%	16.7% #566B70	RGB 86 107 112	#566B70
33.3%	33.3% #4E5E64	RGB 78 94 100	#4E5E64
50.0%	50.0% #455258	RGB 69 82 88	#455258
66.7%	66.7% #3D474C	RGB 61 71 76	#3D474C
83.3%	83.3% #343B40	RGB 52 59 64	#343B40
100.0%	100.0% #2B3034	RGB 43 48 52	#2B3034

#5E787D #566B70 #4E5E64 #455258 #3D474C #343B40 #2B3034

#5E787D - #455258 - #2B3034

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E787D 0%, #455258 50%, #2B3034 100%);
    background: -webkit-linear-gradient(top, #5E787D 0%, #455258 50%, #2B3034 100%);
    background: linear-gradient(to bottom, #5E787D 0%, #455258 50%, #2B3034 100%);
}
</style>