#284078 - #5E83AC | 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 #284078 to #5E83AC

#284078 #5E83AC

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

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

0.0%	0.0% #284078	RGB 40 64 120	#284078
16.7%	16.7% #314B80	RGB 49 75 128	#314B80
33.3%	33.3% #3A5689	RGB 58 86 137	#3A5689
50.0%	50.0% #436192	RGB 67 97 146	#436192
66.7%	66.7% #4C6C9A	RGB 76 108 154	#4C6C9A
83.3%	83.3% #5577A3	RGB 85 119 163	#5577A3
100.0%	100.0% #5E83AC	RGB 94 131 172	#5E83AC

#284078 #314B80 #3A5689 #436192 #4C6C9A #5577A3 #5E83AC

#284078 - #5E83AC

HSV Blend

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

0.0%	0.0% #283F78	RGB 40 63 120	#283F78
16.7%	16.7% #2F4A80	RGB 47 74 128	#2F4A80
33.3%	33.3% #375489	RGB 55 84 137	#375489
50.0%	50.0% #405F92	RGB 64 95 146	#405F92
66.7%	66.7% #496B9A	RGB 73 107 154	#496B9A
83.3%	83.3% #5377A3	RGB 83 119 163	#5377A3
100.0%	100.0% #5E83AC	RGB 94 131 172	#5E83AC

#283F78 #2F4A80 #375489 #405F92 #496B9A #5377A3 #5E83AC

#284078 - #405F92 - #5E83AC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #283F78 0%, #405F92 50%, #5E83AC 100%);
    background: -webkit-linear-gradient(top, #283F78 0%, #405F92 50%, #5E83AC 100%);
    background: linear-gradient(to bottom, #283F78 0%, #405F92 50%, #5E83AC 100%);
}
</style>