#5E93A2 - #294756 | 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 #5E93A2 to #294756

#5E93A2 #294756

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

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

0.0%	0.0% #5E93A2	RGB 94 147 162	#5E93A2
16.7%	16.7% #558695	RGB 85 134 149	#558695
33.3%	33.3% #4C7988	RGB 76 121 136	#4C7988
50.0%	50.0% #436D7C	RGB 67 109 124	#436D7C
66.7%	66.7% #3A606F	RGB 58 96 111	#3A606F
83.3%	83.3% #315362	RGB 49 83 98	#315362
100.0%	100.0% #294756	RGB 41 71 86	#294756

#5E93A2 #558695 #4C7988 #436D7C #3A606F #315362 #294756

#5E93A2 - #294756

HSV Blend

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

0.0%	0.0% #5E93A2	RGB 94 147 162	#5E93A2
16.7%	16.7% #548595	RGB 84 133 149	#548595
33.3%	33.3% #4A7888	RGB 74 120 136	#4A7888
50.0%	50.0% #416B7C	RGB 65 107 124	#416B7C
66.7%	66.7% #385F6F	RGB 56 95 111	#385F6F
83.3%	83.3% #305262	RGB 48 82 98	#305262
100.0%	100.0% #294756	RGB 41 71 86	#294756

#5E93A2 #548595 #4A7888 #416B7C #385F6F #305262 #294756

#5E93A2 - #416B7C - #294756

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E93A2 0%, #416B7C 50%, #294756 100%);
    background: -webkit-linear-gradient(top, #5E93A2 0%, #416B7C 50%, #294756 100%);
    background: linear-gradient(to bottom, #5E93A2 0%, #416B7C 50%, #294756 100%);
}
</style>