#5E98A7 - #294B5B | 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 #5E98A7 to #294B5B

#5E98A7 #294B5B

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

#5E98A7 - #294B5B | 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 #5E98A7 as 0% and #294B5B as 100%.

0.0%	0.0% #5E98A7	RGB 94 152 167	#5E98A7
16.7%	16.7% #558B9A	RGB 85 139 154	#558B9A
33.3%	33.3% #4C7E8D	RGB 76 126 141	#4C7E8D
50.0%	50.0% #437181	RGB 67 113 129	#437181
66.7%	66.7% #3A6474	RGB 58 100 116	#3A6474
83.3%	83.3% #315767	RGB 49 87 103	#315767
100.0%	100.0% #294B5B	RGB 41 75 91	#294B5B

#5E98A7 #558B9A #4C7E8D #437181 #3A6474 #315767 #294B5B

#5E98A7 - #294B5B

HSV Blend

#5E98A7 - #294B5B | 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 #5E98A7 as 0% and #294B5B as 100%.

0.0%	0.0% #5E98A7	RGB 94 152 167	#5E98A7
16.7%	16.7% #538A9A	RGB 83 138 154	#538A9A
33.3%	33.3% #4A7D8D	RGB 74 125 141	#4A7D8D
50.0%	50.0% #417081	RGB 65 112 129	#417081
66.7%	66.7% #386374	RGB 56 99 116	#386374
83.3%	83.3% #305767	RGB 48 87 103	#305767
100.0%	100.0% #294B5B	RGB 41 75 91	#294B5B

#5E98A7 #538A9A #4A7D8D #417081 #386374 #305767 #294B5B

#5E98A7 - #417081 - #294B5B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E98A7 0%, #417081 50%, #294B5B 100%);
    background: -webkit-linear-gradient(top, #5E98A7 0%, #417081 50%, #294B5B 100%);
    background: linear-gradient(to bottom, #5E98A7 0%, #417081 50%, #294B5B 100%);
}
</style>