#5E788A - #1A2227 | 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 #5E788A to #1A2227

#5E788A #1A2227

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

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

0.0%	0.0% #5E788A	RGB 94 120 138	#5E788A
16.7%	16.7% #526979	RGB 82 105 121	#526979
33.3%	33.3% #475B69	RGB 71 91 105	#475B69
50.0%	50.0% #3C4D58	RGB 60 77 88	#3C4D58
66.7%	66.7% #303E48	RGB 48 62 72	#303E48
83.3%	83.3% #253037	RGB 37 48 55	#253037
100.0%	100.0% #1A2227	RGB 26 34 39	#1A2227

#5E788A #526979 #475B69 #3C4D58 #303E48 #253037 #1A2227

#5E788A - #1A2227

HSV Blend

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

0.0%	0.0% #5E788A	RGB 94 120 138	#5E788A
16.7%	16.7% #526979	RGB 82 105 121	#526979
33.3%	33.3% #475B69	RGB 71 91 105	#475B69
50.0%	50.0% #3B4D58	RGB 59 77 88	#3B4D58
66.7%	66.7% #303E48	RGB 48 62 72	#303E48
83.3%	83.3% #253037	RGB 37 48 55	#253037
100.0%	100.0% #1A2227	RGB 26 34 39	#1A2227

#5E788A #526979 #475B69 #3B4D58 #303E48 #253037 #1A2227

#5E788A - #3B4D58 - #1A2227

CSS codes

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

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