#5E92F0 - #1A2944 | 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 #5E92F0 to #1A2944

#5E92F0 #1A2944

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

#5E92F0 - #1A2944 | 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 #5E92F0 as 0% and #1A2944 as 100%.

0.0%	0.0% #5E92F0	RGB 94 146 240	#5E92F0
16.7%	16.7% #5280D3	RGB 82 128 211	#5280D3
33.3%	33.3% #476FB6	RGB 71 111 182	#476FB6
50.0%	50.0% #3C5D9A	RGB 60 93 154	#3C5D9A
66.7%	66.7% #304C7D	RGB 48 76 125	#304C7D
83.3%	83.3% #253A60	RGB 37 58 96	#253A60
100.0%	100.0% #1A2944	RGB 26 41 68	#1A2944

#5E92F0 #5280D3 #476FB6 #3C5D9A #304C7D #253A60 #1A2944

#5E92F0 - #1A2944

HSV Blend

#5E92F0 - #1A2944 | 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 #5E92F0 as 0% and #1A2944 as 100%.

0.0%	0.0% #5E92F0	RGB 94 146 240	#5E92F0
16.7%	16.7% #5280D3	RGB 82 128 211	#5280D3
33.3%	33.3% #466EB6	RGB 70 110 182	#466EB6
50.0%	50.0% #3B5D9A	RGB 59 93 154	#3B5D9A
66.7%	66.7% #304B7D	RGB 48 75 125	#304B7D
83.3%	83.3% #253A60	RGB 37 58 96	#253A60
100.0%	100.0% #1A2944	RGB 26 41 68	#1A2944

#5E92F0 #5280D3 #466EB6 #3B5D9A #304B7D #253A60 #1A2944

#5E92F0 - #3B5D9A - #1A2944

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E92F0 0%, #3B5D9A 50%, #1A2944 100%);
    background: -webkit-linear-gradient(top, #5E92F0 0%, #3B5D9A 50%, #1A2944 100%);
    background: linear-gradient(to bottom, #5E92F0 0%, #3B5D9A 50%, #1A2944 100%);
}
</style>