#5E8BA5 - #274157 | 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 #5E8BA5 to #274157

#5E8BA5 #274157

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

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

0.0%	0.0% #5E8BA5	RGB 94 139 165	#5E8BA5
16.7%	16.7% #547E98	RGB 84 126 152	#547E98
33.3%	33.3% #4B728B	RGB 75 114 139	#4B728B
50.0%	50.0% #42667E	RGB 66 102 126	#42667E
66.7%	66.7% #395971	RGB 57 89 113	#395971
83.3%	83.3% #304D64	RGB 48 77 100	#304D64
100.0%	100.0% #274157	RGB 39 65 87	#274157

#5E8BA5 #547E98 #4B728B #42667E #395971 #304D64 #274157

#5E8BA5 - #274157

HSV Blend

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

0.0%	0.0% #5E8BA5	RGB 94 139 165	#5E8BA5
16.7%	16.7% #537D98	RGB 83 125 152	#537D98
33.3%	33.3% #49718B	RGB 73 113 139	#49718B
50.0%	50.0% #40647E	RGB 64 100 126	#40647E
66.7%	66.7% #375871	RGB 55 88 113	#375871
83.3%	83.3% #2E4C64	RGB 46 76 100	#2E4C64
100.0%	100.0% #274157	RGB 39 65 87	#274157

#5E8BA5 #537D98 #49718B #40647E #375871 #2E4C64 #274157

#5E8BA5 - #40647E - #274157

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8BA5 0%, #40647E 50%, #274157 100%);
    background: -webkit-linear-gradient(top, #5E8BA5 0%, #40647E 50%, #274157 100%);
    background: linear-gradient(to bottom, #5E8BA5 0%, #40647E 50%, #274157 100%);
}
</style>