#4E5E77 - #1B262B | 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 #4E5E77 to #1B262B

#4E5E77 #1B262B

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

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

0.0%	0.0% #4E5E77	RGB 78 94 119	#4E5E77
16.7%	16.7% #45546A	RGB 69 84 106	#45546A
33.3%	33.3% #3D4B5D	RGB 61 75 93	#3D4B5D
50.0%	50.0% #344251	RGB 52 66 81	#344251
66.7%	66.7% #2C3844	RGB 44 56 68	#2C3844
83.3%	83.3% #232F37	RGB 35 47 55	#232F37
100.0%	100.0% #1B262B	RGB 27 38 43	#1B262B

#4E5E77 #45546A #3D4B5D #344251 #2C3844 #232F37 #1B262B

#4E5E77 - #1B262B

HSV Blend

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

0.0%	0.0% #4E5E77	RGB 78 94 119	#4E5E77
16.7%	16.7% #45556A	RGB 69 85 106	#45556A
33.3%	33.3% #3C4C5D	RGB 60 76 93	#3C4C5D
50.0%	50.0% #334351	RGB 51 67 81	#334351
66.7%	66.7% #2B3A44	RGB 43 58 68	#2B3A44
83.3%	83.3% #233037	RGB 35 48 55	#233037
100.0%	100.0% #1B262B	RGB 27 38 43	#1B262B

#4E5E77 #45556A #3C4C5D #334351 #2B3A44 #233037 #1B262B

#4E5E77 - #334351 - #1B262B

CSS codes

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

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