#5E8AA2 - #274054 | 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 #5E8AA2 to #274054

#5E8AA2 #274054

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

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

0.0%	0.0% #5E8AA2	RGB 94 138 162	#5E8AA2
16.7%	16.7% #547D95	RGB 84 125 149	#547D95
33.3%	33.3% #4B7188	RGB 75 113 136	#4B7188
50.0%	50.0% #42657B	RGB 66 101 123	#42657B
66.7%	66.7% #39586E	RGB 57 88 110	#39586E
83.3%	83.3% #304C61	RGB 48 76 97	#304C61
100.0%	100.0% #274054	RGB 39 64 84	#274054

#5E8AA2 #547D95 #4B7188 #42657B #39586E #304C61 #274054

#5E8AA2 - #274054

HSV Blend

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

0.0%	0.0% #5E8AA2	RGB 94 138 162	#5E8AA2
16.7%	16.7% #537C95	RGB 83 124 149	#537C95
33.3%	33.3% #497088	RGB 73 112 136	#497088
50.0%	50.0% #40637B	RGB 64 99 123	#40637B
66.7%	66.7% #37576E	RGB 55 87 110	#37576E
83.3%	83.3% #2E4B61	RGB 46 75 97	#2E4B61
100.0%	100.0% #274054	RGB 39 64 84	#274054

#5E8AA2 #537C95 #497088 #40637B #37576E #2E4B61 #274054

#5E8AA2 - #40637B - #274054

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8AA2 0%, #40637B 50%, #274054 100%);
    background: -webkit-linear-gradient(top, #5E8AA2 0%, #40637B 50%, #274054 100%);
    background: linear-gradient(to bottom, #5E8AA2 0%, #40637B 50%, #274054 100%);
}
</style>