#5E7292 - #18406D | 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 #5E7292 to #18406D

#5E7292 #18406D

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

#5E7292 - #18406D | 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 #5E7292 as 0% and #18406D as 100%.

0.0%	0.0% #5E7292	RGB 94 114 146	#5E7292
16.7%	16.7% #52698B	RGB 82 105 139	#52698B
33.3%	33.3% #466185	RGB 70 97 133	#466185
50.0%	50.0% #3B597F	RGB 59 89 127	#3B597F
66.7%	66.7% #2F5079	RGB 47 80 121	#2F5079
83.3%	83.3% #234873	RGB 35 72 115	#234873
100.0%	100.0% #18406D	RGB 24 64 109	#18406D

#5E7292 #52698B #466185 #3B597F #2F5079 #234873 #18406D

#5E7292 - #18406D

HSV Blend

#5E7292 - #18406D | 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 #5E7292 as 0% and #18406D as 100%.

0.0%	0.0% #5E7292	RGB 94 114 146	#5E7292
16.7%	16.7% #50678B	RGB 80 103 139	#50678B
33.3%	33.3% #435E85	RGB 67 94 133	#435E85
50.0%	50.0% #37567F	RGB 55 86 127	#37567F
66.7%	66.7% #2B4E79	RGB 43 78 121	#2B4E79
83.3%	83.3% #214673	RGB 33 70 115	#214673
100.0%	100.0% #18406D	RGB 24 64 109	#18406D

#5E7292 #50678B #435E85 #37567F #2B4E79 #214673 #18406D

#5E7292 - #37567F - #18406D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7292 0%, #37567F 50%, #18406D 100%);
    background: -webkit-linear-gradient(top, #5E7292 0%, #37567F 50%, #18406D 100%);
    background: linear-gradient(to bottom, #5E7292 0%, #37567F 50%, #18406D 100%);
}
</style>