#5E7E7C - #1C3D45 | 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 #5E7E7C to #1C3D45

#5E7E7C #1C3D45

Calculate the color between two colors, #5E7E7C and #1C3D45. 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)

#5E7E7C - #1C3D45 | 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 #5E7E7C as 0% and #1C3D45 as 100%.

0.0%	0.0% #5E7E7C	RGB 94 126 124	#5E7E7C
16.7%	16.7% #537372	RGB 83 115 114	#537372
33.3%	33.3% #486869	RGB 72 104 105	#486869
50.0%	50.0% #3D5D60	RGB 61 93 96	#3D5D60
66.7%	66.7% #325257	RGB 50 82 87	#325257
83.3%	83.3% #27474E	RGB 39 71 78	#27474E
100.0%	100.0% #1C3D45	RGB 28 61 69	#1C3D45

#5E7E7C #537372 #486869 #3D5D60 #325257 #27474E #1C3D45

#5E7E7C - #1C3D45

HSV Blend

#5E7E7C - #1C3D45 | 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 #5E7E7C as 0% and #1C3D45 as 100%.

0.0%	0.0% #5E7E7C	RGB 94 126 124	#5E7E7C
16.7%	16.7% #507473	RGB 80 116 115	#507473
33.3%	33.3% #436A6B	RGB 67 106 107	#436A6B
50.0%	50.0% #385E61	RGB 56 94 97	#385E61
66.7%	66.7% #2D5358	RGB 45 83 88	#2D5358
83.3%	83.3% #24484E	RGB 36 72 78	#24484E
100.0%	100.0% #1C3D45	RGB 28 61 69	#1C3D45

#5E7E7C #507473 #436A6B #385E61 #2D5358 #24484E #1C3D45

#5E7E7C - #385E61 - #1C3D45

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7E7C 0%, #385E61 50%, #1C3D45 100%);
    background: -webkit-linear-gradient(top, #5E7E7C 0%, #385E61 50%, #1C3D45 100%);
    background: linear-gradient(to bottom, #5E7E7C 0%, #385E61 50%, #1C3D45 100%);
}
</style>