#5EBCE8 - #1A3642 | 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 #5EBCE8 to #1A3642

#5EBCE8 #1A3642

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

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

0.0%	0.0% #5EBCE8	RGB 94 188 232	#5EBCE8
16.7%	16.7% #52A5CC	RGB 82 165 204	#52A5CC
33.3%	33.3% #478FB0	RGB 71 143 176	#478FB0
50.0%	50.0% #3C7995	RGB 60 121 149	#3C7995
66.7%	66.7% #306279	RGB 48 98 121	#306279
83.3%	83.3% #254C5D	RGB 37 76 93	#254C5D
100.0%	100.0% #1A3642	RGB 26 54 66	#1A3642

#5EBCE8 #52A5CC #478FB0 #3C7995 #306279 #254C5D #1A3642

#5EBCE8 - #1A3642

HSV Blend

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

0.0%	0.0% #5EBCE8	RGB 94 188 232	#5EBCE8
16.7%	16.7% #52A5CC	RGB 82 165 204	#52A5CC
33.3%	33.3% #468FB0	RGB 70 143 176	#468FB0
50.0%	50.0% #3B7995	RGB 59 121 149	#3B7995
66.7%	66.7% #306279	RGB 48 98 121	#306279
83.3%	83.3% #254C5D	RGB 37 76 93	#254C5D
100.0%	100.0% #1A3642	RGB 26 54 66	#1A3642

#5EBCE8 #52A5CC #468FB0 #3B7995 #306279 #254C5D #1A3642

#5EBCE8 - #3B7995 - #1A3642

CSS codes

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

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