#4E5E6D - #1C2425 | 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 #4E5E6D to #1C2425

#4E5E6D #1C2425

Calculate the color between two colors, #4E5E6D and #1C2425. 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)

#4E5E6D - #1C2425 | 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 #4E5E6D as 0% and #1C2425 as 100%.

0.0%	0.0% #4E5E6D	RGB 78 94 109	#4E5E6D
16.7%	16.7% #455461	RGB 69 84 97	#455461
33.3%	33.3% #3D4A55	RGB 61 74 85	#3D4A55
50.0%	50.0% #354149	RGB 53 65 73	#354149
66.7%	66.7% #2C373D	RGB 44 55 61	#2C373D
83.3%	83.3% #242D31	RGB 36 45 49	#242D31
100.0%	100.0% #1C2425	RGB 28 36 37	#1C2425

#4E5E6D #455461 #3D4A55 #354149 #2C373D #242D31 #1C2425

#4E5E6D - #1C2425

HSV Blend

#4E5E6D - #1C2425 | 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 #4E5E6D as 0% and #1C2425 as 100%.

0.0%	0.0% #4E5D6D	RGB 78 93 109	#4E5D6D
16.7%	16.7% #465561	RGB 70 85 97	#465561
33.3%	33.3% #3D4C55	RGB 61 76 85	#3D4C55
50.0%	50.0% #354349	RGB 53 67 73	#354349
66.7%	66.7% #2D393D	RGB 45 57 61	#2D393D
83.3%	83.3% #242E31	RGB 36 46 49	#242E31
100.0%	100.0% #1C2425	RGB 28 36 37	#1C2425

#4E5D6D #465561 #3D4C55 #354349 #2D393D #242E31 #1C2425

#4E5E6D - #354349 - #1C2425

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E5D6D 0%, #354349 50%, #1C2425 100%);
    background: -webkit-linear-gradient(top, #4E5D6D 0%, #354349 50%, #1C2425 100%);
    background: linear-gradient(to bottom, #4E5D6D 0%, #354349 50%, #1C2425 100%);
}
</style>