#5E8594 - #293B47 | 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 #5E8594 to #293B47

#5E8594 #293B47

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

#5E8594 - #293B47 | 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 #5E8594 as 0% and #293B47 as 100%.

0.0%	0.0% #5E8594	RGB 94 133 148	#5E8594
16.7%	16.7% #557887	RGB 85 120 135	#557887
33.3%	33.3% #4C6C7A	RGB 76 108 122	#4C6C7A
50.0%	50.0% #43606D	RGB 67 96 109	#43606D
66.7%	66.7% #3A5360	RGB 58 83 96	#3A5360
83.3%	83.3% #314753	RGB 49 71 83	#314753
100.0%	100.0% #293B47	RGB 41 59 71	#293B47

#5E8594 #557887 #4C6C7A #43606D #3A5360 #314753 #293B47

#5E8594 - #293B47

HSV Blend

#5E8594 - #293B47 | 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 #5E8594 as 0% and #293B47 as 100%.

0.0%	0.0% #5E8594	RGB 94 133 148	#5E8594
16.7%	16.7% #547887	RGB 84 120 135	#547887
33.3%	33.3% #4B6B7A	RGB 75 107 122	#4B6B7A
50.0%	50.0% #425E6D	RGB 66 94 109	#425E6D
66.7%	66.7% #395260	RGB 57 82 96	#395260
83.3%	83.3% #314653	RGB 49 70 83	#314653
100.0%	100.0% #293B47	RGB 41 59 71	#293B47

#5E8594 #547887 #4B6B7A #425E6D #395260 #314653 #293B47

#5E8594 - #425E6D - #293B47

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8594 0%, #425E6D 50%, #293B47 100%);
    background: -webkit-linear-gradient(top, #5E8594 0%, #425E6D 50%, #293B47 100%);
    background: linear-gradient(to bottom, #5E8594 0%, #425E6D 50%, #293B47 100%);
}
</style>