#1B3261 - #5E799A | 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 #1B3261 to #5E799A

#1B3261 #5E799A

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

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

0.0%	0.0% #1B3261	RGB 27 50 97	#1B3261
16.7%	16.7% #263D6A	RGB 38 61 106	#263D6A
33.3%	33.3% #314974	RGB 49 73 116	#314974
50.0%	50.0% #3C557D	RGB 60 85 125	#3C557D
66.7%	66.7% #476187	RGB 71 97 135	#476187
83.3%	83.3% #526D90	RGB 82 109 144	#526D90
100.0%	100.0% #5E799A	RGB 94 121 154	#5E799A

#1B3261 #263D6A #314974 #3C557D #476187 #526D90 #5E799A

#1B3261 - #5E799A

HSV Blend

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

0.0%	0.0% #1B3261	RGB 27 50 97	#1B3261
16.7%	16.7% #233C6A	RGB 35 60 106	#233C6A
33.3%	33.3% #2D4774	RGB 45 71 116	#2D4774
50.0%	50.0% #37527D	RGB 55 82 125	#37527D
66.7%	66.7% #435F87	RGB 67 95 135	#435F87
83.3%	83.3% #506B90	RGB 80 107 144	#506B90
100.0%	100.0% #5E799A	RGB 94 121 154	#5E799A

#1B3261 #233C6A #2D4774 #37527D #435F87 #506B90 #5E799A

#1B3261 - #37527D - #5E799A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B3261 0%, #37527D 50%, #5E799A 100%);
    background: -webkit-linear-gradient(top, #1B3261 0%, #37527D 50%, #5E799A 100%);
    background: linear-gradient(to bottom, #1B3261 0%, #37527D 50%, #5E799A 100%);
}
</style>