#4D4F5E - #16171A | 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 #4D4F5E to #16171A

#4D4F5E #16171A

Calculate the color between two colors, #4D4F5E and #16171A. 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)

#4D4F5E - #16171A | 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 #4D4F5E as 0% and #16171A as 100%.

0.0%	0.0% #4D4F5E	RGB 77 79 94	#4D4F5E
16.7%	16.7% #434552	RGB 67 69 82	#434552
33.3%	33.3% #3A3C47	RGB 58 60 71	#3A3C47
50.0%	50.0% #31333C	RGB 49 51 60	#31333C
66.7%	66.7% #282930	RGB 40 41 48	#282930
83.3%	83.3% #1F2025	RGB 31 32 37	#1F2025
100.0%	100.0% #16171A	RGB 22 23 26	#16171A

#4D4F5E #434552 #3A3C47 #31333C #282930 #1F2025 #16171A

#4D4F5E - #16171A

HSV Blend

#4D4F5E - #16171A | 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 #4D4F5E as 0% and #16171A as 100%.

0.0%	0.0% #4D4F5E	RGB 77 79 94	#4D4F5E
16.7%	16.7% #444652	RGB 68 70 82	#444652
33.3%	33.3% #3B3D47	RGB 59 61 71	#3B3D47
50.0%	50.0% #31333C	RGB 49 51 60	#31333C
66.7%	66.7% #282A30	RGB 40 42 48	#282A30
83.3%	83.3% #1F2025	RGB 31 32 37	#1F2025
100.0%	100.0% #16171A	RGB 22 23 26	#16171A

#4D4F5E #444652 #3B3D47 #31333C #282A30 #1F2025 #16171A

#4D4F5E - #31333C - #16171A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D4F5E 0%, #31333C 50%, #16171A 100%);
    background: -webkit-linear-gradient(top, #4D4F5E 0%, #31333C 50%, #16171A 100%);
    background: linear-gradient(to bottom, #4D4F5E 0%, #31333C 50%, #16171A 100%);
}
</style>