#5E90A2 - #294455 | 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 #5E90A2 to #294455

#5E90A2 #294455

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

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

0.0%	0.0% #5E90A2	RGB 94 144 162	#5E90A2
16.7%	16.7% #558395	RGB 85 131 149	#558395
33.3%	33.3% #4C7688	RGB 76 118 136	#4C7688
50.0%	50.0% #436A7B	RGB 67 106 123	#436A7B
66.7%	66.7% #3A5D6E	RGB 58 93 110	#3A5D6E
83.3%	83.3% #315061	RGB 49 80 97	#315061
100.0%	100.0% #294455	RGB 41 68 85	#294455

#5E90A2 #558395 #4C7688 #436A7B #3A5D6E #315061 #294455

#5E90A2 - #294455

HSV Blend

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

0.0%	0.0% #5E90A2	RGB 94 144 162	#5E90A2
16.7%	16.7% #548295	RGB 84 130 149	#548295
33.3%	33.3% #4A7588	RGB 74 117 136	#4A7588
50.0%	50.0% #41687B	RGB 65 104 123	#41687B
66.7%	66.7% #385C6E	RGB 56 92 110	#385C6E
83.3%	83.3% #304F61	RGB 48 79 97	#304F61
100.0%	100.0% #294455	RGB 41 68 85	#294455

#5E90A2 #548295 #4A7588 #41687B #385C6E #304F61 #294455

#5E90A2 - #41687B - #294455

CSS codes

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

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