#4C5E5A - #131126 | 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 #4C5E5A to #131126

#4C5E5A #131126

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

#4C5E5A - #131126 | 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 #4C5E5A as 0% and #131126 as 100%.

0.0%	0.0% #4C5E5A	RGB 76 94 90	#4C5E5A
16.7%	16.7% #425151	RGB 66 81 81	#425151
33.3%	33.3% #394448	RGB 57 68 72	#394448
50.0%	50.0% #2F3740	RGB 47 55 64	#2F3740
66.7%	66.7% #262A37	RGB 38 42 55	#262A37
83.3%	83.3% #1C1D2E	RGB 28 29 46	#1C1D2E
100.0%	100.0% #131126	RGB 19 17 38	#131126

#4C5E5A #425151 #394448 #2F3740 #262A37 #1C1D2E #131126

#4C5E5A - #131126

HSV Blend

#4C5E5A - #131126 | 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 #4C5E5A as 0% and #131126 as 100%.

0.0%	0.0% #4C5E5A	RGB 76 94 90	#4C5E5A
16.7%	16.7% #3F5454	RGB 63 84 84	#3F5454
33.3%	33.3% #33464B	RGB 51 70 75	#33464B
50.0%	50.0% #293742	RGB 41 55 66	#293742
66.7%	66.7% #202838	RGB 32 40 56	#202838
83.3%	83.3% #181A2F	RGB 24 26 47	#181A2F
100.0%	100.0% #131126	RGB 19 17 38	#131126

#4C5E5A #3F5454 #33464B #293742 #202838 #181A2F #131126

#4C5E5A - #293742 - #131126

CSS codes

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

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