#5760FF - #0028C7 | 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 #5760FF to #0028C7

#5760FF #0028C7

Calculate the color between two colors, #5760FF and #0028C7. 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)

#5760FF - #0028C7 | 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 #5760FF as 0% and #0028C7 as 100%.

0.0%	0.0% #5760FF	RGB 87 96 255	#5760FF
16.7%	16.7% #4856F5	RGB 72 86 245	#4856F5
33.3%	33.3% #3A4DEC	RGB 58 77 236	#3A4DEC
50.0%	50.0% #2B44E3	RGB 43 68 227	#2B44E3
66.7%	66.7% #1C3AD9	RGB 28 58 217	#1C3AD9
83.3%	83.3% #0E31D0	RGB 14 49 208	#0E31D0
100.0%	100.0% #0028C7	RGB 0 40 199	#0028C7

#5760FF #4856F5 #3A4DEC #2B44E3 #1C3AD9 #0E31D0 #0028C7

#5760FF - #0028C7

HSV Blend

#5760FF - #0028C7 | 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 #5760FF as 0% and #0028C7 as 100%.

0.0%	0.0% #5760FF	RGB 87 96 255	#5760FF
16.7%	16.7% #4553F5	RGB 69 83 245	#4553F5
33.3%	33.3% #3548EC	RGB 53 72 236	#3548EC
50.0%	50.0% #263EE3	RGB 38 62 227	#263EE3
66.7%	66.7% #1836D9	RGB 24 54 217	#1836D9
83.3%	83.3% #0B2ED0	RGB 11 46 208	#0B2ED0
100.0%	100.0% #0028C7	RGB 0 40 199	#0028C7

#5760FF #4553F5 #3548EC #263EE3 #1836D9 #0B2ED0 #0028C7

#5760FF - #263EE3 - #0028C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5760FF 0%, #263EE3 50%, #0028C7 100%);
    background: -webkit-linear-gradient(top, #5760FF 0%, #263EE3 50%, #0028C7 100%);
    background: linear-gradient(to bottom, #5760FF 0%, #263EE3 50%, #0028C7 100%);
}
</style>