#4C5B5E - #093F4D | 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 #4C5B5E to #093F4D

#4C5B5E #093F4D

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

#4C5B5E - #093F4D | 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 #4C5B5E as 0% and #093F4D as 100%.

0.0%	0.0% #4C5B5E	RGB 76 91 94	#4C5B5E
16.7%	16.7% #40565B	RGB 64 86 91	#40565B
33.3%	33.3% #355158	RGB 53 81 88	#355158
50.0%	50.0% #2A4D55	RGB 42 77 85	#2A4D55
66.7%	66.7% #1F4852	RGB 31 72 82	#1F4852
83.3%	83.3% #14434F	RGB 20 67 79	#14434F
100.0%	100.0% #093F4D	RGB 9 63 77	#093F4D

#4C5B5E #40565B #355158 #2A4D55 #1F4852 #14434F #093F4D

#4C5B5E - #093F4D

HSV Blend

#4C5B5E - #093F4D | 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 #4C5B5E as 0% and #093F4D as 100%.

0.0%	0.0% #4C5B5E	RGB 76 91 94	#4C5B5E
16.7%	16.7% #3F565B	RGB 63 86 91	#3F565B
33.3%	33.3% #335158	RGB 51 81 88	#335158
50.0%	50.0% #274C55	RGB 39 76 85	#274C55
66.7%	66.7% #1C4852	RGB 28 72 82	#1C4852
83.3%	83.3% #12434F	RGB 18 67 79	#12434F
100.0%	100.0% #093F4D	RGB 9 63 77	#093F4D

#4C5B5E #3F565B #335158 #274C55 #1C4852 #12434F #093F4D

#4C5B5E - #274C55 - #093F4D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C5B5E 0%, #274C55 50%, #093F4D 100%);
    background: -webkit-linear-gradient(top, #4C5B5E 0%, #274C55 50%, #093F4D 100%);
    background: linear-gradient(to bottom, #4C5B5E 0%, #274C55 50%, #093F4D 100%);
}
</style>