#5E79EE - #1A2244 | 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 #5E79EE to #1A2244

#5E79EE #1A2244

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

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

0.0%	0.0% #5E79EE	RGB 94 121 238	#5E79EE
16.7%	16.7% #526AD1	RGB 82 106 209	#526AD1
33.3%	33.3% #475CB5	RGB 71 92 181	#475CB5
50.0%	50.0% #3C4D99	RGB 60 77 153	#3C4D99
66.7%	66.7% #303F7C	RGB 48 63 124	#303F7C
83.3%	83.3% #253060	RGB 37 48 96	#253060
100.0%	100.0% #1A2244	RGB 26 34 68	#1A2244

#5E79EE #526AD1 #475CB5 #3C4D99 #303F7C #253060 #1A2244

#5E79EE - #1A2244

HSV Blend

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

0.0%	0.0% #5E78EE	RGB 94 120 238	#5E78EE
16.7%	16.7% #526AD1	RGB 82 106 209	#526AD1
33.3%	33.3% #465BB5	RGB 70 91 181	#465BB5
50.0%	50.0% #3B4D99	RGB 59 77 153	#3B4D99
66.7%	66.7% #303E7C	RGB 48 62 124	#303E7C
83.3%	83.3% #253060	RGB 37 48 96	#253060
100.0%	100.0% #1A2244	RGB 26 34 68	#1A2244

#5E78EE #526AD1 #465BB5 #3B4D99 #303E7C #253060 #1A2244

#5E79EE - #3B4D99 - #1A2244

CSS codes

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

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