#5E79EE - #1728A8 | 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 #1728A8

#5E79EE #1728A8

Calculate the color between two colors, #5E79EE and #1728A8. 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 - #1728A8 | 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 #1728A8 as 100%.

0.0%	0.0% #5E79EE	RGB 94 121 238	#5E79EE
16.7%	16.7% #526BE2	RGB 82 107 226	#526BE2
33.3%	33.3% #465ED6	RGB 70 94 214	#465ED6
50.0%	50.0% #3A50CB	RGB 58 80 203	#3A50CB
66.7%	66.7% #2E43BF	RGB 46 67 191	#2E43BF
83.3%	83.3% #2235B3	RGB 34 53 179	#2235B3
100.0%	100.0% #1728A8	RGB 23 40 168	#1728A8

#5E79EE #526BE2 #465ED6 #3A50CB #2E43BF #2235B3 #1728A8

#5E79EE - #1728A8

HSV Blend

#5E79EE - #1728A8 | 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 #1728A8 as 100%.

0.0%	0.0% #5E78EE	RGB 94 120 238	#5E78EE
16.7%	16.7% #4F69E2	RGB 79 105 226	#4F69E2
33.3%	33.3% #425AD6	RGB 66 90 214	#425AD6
50.0%	50.0% #354CCB	RGB 53 76 203	#354CCB
66.7%	66.7% #2A3FBF	RGB 42 63 191	#2A3FBF
83.3%	83.3% #2033B3	RGB 32 51 179	#2033B3
100.0%	100.0% #1728A8	RGB 23 40 168	#1728A8

#5E78EE #4F69E2 #425AD6 #354CCB #2A3FBF #2033B3 #1728A8

#5E79EE - #354CCB - #1728A8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E78EE 0%, #354CCB 50%, #1728A8 100%);
    background: -webkit-linear-gradient(top, #5E78EE 0%, #354CCB 50%, #1728A8 100%);
    background: linear-gradient(to bottom, #5E78EE 0%, #354CCB 50%, #1728A8 100%);
}
</style>