#5EB6DA - #1A333E | 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 #5EB6DA to #1A333E

#5EB6DA #1A333E

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

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

0.0%	0.0% #5EB6DA	RGB 94 182 218	#5EB6DA
16.7%	16.7% #52A0C0	RGB 82 160 192	#52A0C0
33.3%	33.3% #478AA6	RGB 71 138 166	#478AA6
50.0%	50.0% #3C748C	RGB 60 116 140	#3C748C
66.7%	66.7% #305E72	RGB 48 94 114	#305E72
83.3%	83.3% #254858	RGB 37 72 88	#254858
100.0%	100.0% #1A333E	RGB 26 51 62	#1A333E

#5EB6DA #52A0C0 #478AA6 #3C748C #305E72 #254858 #1A333E

#5EB6DA - #1A333E

HSV Blend

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

0.0%	0.0% #5EB6DA	RGB 94 182 218	#5EB6DA
16.7%	16.7% #529FC0	RGB 82 159 192	#529FC0
33.3%	33.3% #4689A6	RGB 70 137 166	#4689A6
50.0%	50.0% #3B748C	RGB 59 116 140	#3B748C
66.7%	66.7% #305E72	RGB 48 94 114	#305E72
83.3%	83.3% #254858	RGB 37 72 88	#254858
100.0%	100.0% #1A333E	RGB 26 51 62	#1A333E

#5EB6DA #529FC0 #4689A6 #3B748C #305E72 #254858 #1A333E

#5EB6DA - #3B748C - #1A333E

CSS codes

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

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