#5E8DB3 - #244365 | 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 #5E8DB3 to #244365

#5E8DB3 #244365

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

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

0.0%	0.0% #5E8DB3	RGB 94 141 179	#5E8DB3
16.7%	16.7% #5480A6	RGB 84 128 166	#5480A6
33.3%	33.3% #4A7499	RGB 74 116 153	#4A7499
50.0%	50.0% #41688C	RGB 65 104 140	#41688C
66.7%	66.7% #375B7F	RGB 55 91 127	#375B7F
83.3%	83.3% #2D4F72	RGB 45 79 114	#2D4F72
100.0%	100.0% #244365	RGB 36 67 101	#244365

#5E8DB3 #5480A6 #4A7499 #41688C #375B7F #2D4F72 #244365

#5E8DB3 - #244365

HSV Blend

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

0.0%	0.0% #5E8DB3	RGB 94 141 179	#5E8DB3
16.7%	16.7% #527FA6	RGB 82 127 166	#527FA6
33.3%	33.3% #477299	RGB 71 114 153	#477299
50.0%	50.0% #3D668C	RGB 61 102 140	#3D668C
66.7%	66.7% #34597F	RGB 52 89 127	#34597F
83.3%	83.3% #2B4E72	RGB 43 78 114	#2B4E72
100.0%	100.0% #244365	RGB 36 67 101	#244365

#5E8DB3 #527FA6 #477299 #3D668C #34597F #2B4E72 #244365

#5E8DB3 - #3D668C - #244365

CSS codes

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

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