#5E99B0 - #274C64 | 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 #5E99B0 to #274C64

#5E99B0 #274C64

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

#5E99B0 - #274C64 | 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 #5E99B0 as 0% and #274C64 as 100%.

0.0%	0.0% #5E99B0	RGB 94 153 176	#5E99B0
16.7%	16.7% #548CA3	RGB 84 140 163	#548CA3
33.3%	33.3% #4B7F96	RGB 75 127 150	#4B7F96
50.0%	50.0% #42728A	RGB 66 114 138	#42728A
66.7%	66.7% #39657D	RGB 57 101 125	#39657D
83.3%	83.3% #305870	RGB 48 88 112	#305870
100.0%	100.0% #274C64	RGB 39 76 100	#274C64

#5E99B0 #548CA3 #4B7F96 #42728A #39657D #305870 #274C64

#5E99B0 - #274C64

HSV Blend

#5E99B0 - #274C64 | 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 #5E99B0 as 0% and #274C64 as 100%.

0.0%	0.0% #5E98B0	RGB 94 152 176	#5E98B0
16.7%	16.7% #538BA3	RGB 83 139 163	#538BA3
33.3%	33.3% #497E96	RGB 73 126 150	#497E96
50.0%	50.0% #3F708A	RGB 63 112 138	#3F708A
66.7%	66.7% #36647D	RGB 54 100 125	#36647D
83.3%	83.3% #2E5770	RGB 46 87 112	#2E5770
100.0%	100.0% #274C64	RGB 39 76 100	#274C64

#5E98B0 #538BA3 #497E96 #3F708A #36647D #2E5770 #274C64

#5E99B0 - #3F708A - #274C64

CSS codes

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

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