#5E777D - #1D312B | 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 #5E777D to #1D312B

#5E777D #1D312B

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

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

0.0%	0.0% #5E777D	RGB 94 119 125	#5E777D
16.7%	16.7% #536B6F	RGB 83 107 111	#536B6F
33.3%	33.3% #485F61	RGB 72 95 97	#485F61
50.0%	50.0% #3D5454	RGB 61 84 84	#3D5454
66.7%	66.7% #324846	RGB 50 72 70	#324846
83.3%	83.3% #273C38	RGB 39 60 56	#273C38
100.0%	100.0% #1D312B	RGB 29 49 43	#1D312B

#5E777D #536B6F #485F61 #3D5454 #324846 #273C38 #1D312B

#5E777D - #1D312B

HSV Blend

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

0.0%	0.0% #5E777D	RGB 94 119 125	#5E777D
16.7%	16.7% #516C70	RGB 81 108 112	#516C70
33.3%	33.3% #456263	RGB 69 98 99	#456263
50.0%	50.0% #3A5755	RGB 58 87 85	#3A5755
66.7%	66.7% #2F4A46	RGB 47 74 70	#2F4A46
83.3%	83.3% #263D38	RGB 38 61 56	#263D38
100.0%	100.0% #1D312B	RGB 29 49 43	#1D312B

#5E777D #516C70 #456263 #3A5755 #2F4A46 #263D38 #1D312B

#5E777D - #3A5755 - #1D312B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E777D 0%, #3A5755 50%, #1D312B 100%);
    background: -webkit-linear-gradient(top, #5E777D 0%, #3A5755 50%, #1D312B 100%);
    background: linear-gradient(to bottom, #5E777D 0%, #3A5755 50%, #1D312B 100%);
}
</style>