#5E776D - #164336 | 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 #5E776D to #164336

#5E776D #164336

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

#5E776D - #164336 | 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 #5E776D as 0% and #164336 as 100%.

0.0%	0.0% #5E776D	RGB 94 119 109	#5E776D
16.7%	16.7% #526E63	RGB 82 110 99	#526E63
33.3%	33.3% #46655A	RGB 70 101 90	#46655A
50.0%	50.0% #3A5D51	RGB 58 93 81	#3A5D51
66.7%	66.7% #2E5448	RGB 46 84 72	#2E5448
83.3%	83.3% #224B3F	RGB 34 75 63	#224B3F
100.0%	100.0% #164336	RGB 22 67 54	#164336

#5E776D #526E63 #46655A #3A5D51 #2E5448 #224B3F #164336

#5E776D - #164336

HSV Blend

#5E776D - #164336 | 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 #5E776D as 0% and #164336 as 100%.

0.0%	0.0% #5E776D	RGB 94 119 109	#5E776D
16.7%	16.7% #4E6E62	RGB 78 110 98	#4E6E62
33.3%	33.3% #406558	RGB 64 101 88	#406558
50.0%	50.0% #335D4E	RGB 51 93 78	#335D4E
66.7%	66.7% #285446	RGB 40 84 70	#285446
83.3%	83.3% #1E4B3D	RGB 30 75 61	#1E4B3D
100.0%	100.0% #164336	RGB 22 67 54	#164336

#5E776D #4E6E62 #406558 #335D4E #285446 #1E4B3D #164336

#5E776D - #335D4E - #164336

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E776D 0%, #335D4E 50%, #164336 100%);
    background: -webkit-linear-gradient(top, #5E776D 0%, #335D4E 50%, #164336 100%);
    background: linear-gradient(to bottom, #5E776D 0%, #335D4E 50%, #164336 100%);
}
</style>