#5E94B2 - #254865 | 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 #5E94B2 to #254865

#5E94B2 #254865

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

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

0.0%	0.0% #5E94B2	RGB 94 148 178	#5E94B2
16.7%	16.7% #5487A5	RGB 84 135 165	#5487A5
33.3%	33.3% #4B7A98	RGB 75 122 152	#4B7A98
50.0%	50.0% #416E8B	RGB 65 110 139	#416E8B
66.7%	66.7% #38617E	RGB 56 97 126	#38617E
83.3%	83.3% #2E5471	RGB 46 84 113	#2E5471
100.0%	100.0% #254865	RGB 37 72 101	#254865

#5E94B2 #5487A5 #4B7A98 #416E8B #38617E #2E5471 #254865

#5E94B2 - #254865

HSV Blend

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

0.0%	0.0% #5E93B2	RGB 94 147 178	#5E93B2
16.7%	16.7% #5286A5	RGB 82 134 165	#5286A5
33.3%	33.3% #487998	RGB 72 121 152	#487998
50.0%	50.0% #3E6C8B	RGB 62 108 139	#3E6C8B
66.7%	66.7% #355F7E	RGB 53 95 126	#355F7E
83.3%	83.3% #2C5371	RGB 44 83 113	#2C5371
100.0%	100.0% #254865	RGB 37 72 101	#254865

#5E93B2 #5286A5 #487998 #3E6C8B #355F7E #2C5371 #254865

#5E94B2 - #3E6C8B - #254865

CSS codes

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

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