#5E93FF - #143CC9 | 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 #5E93FF to #143CC9

#5E93FF #143CC9

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

#5E93FF - #143CC9 | 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 #5E93FF as 0% and #143CC9 as 100%.

0.0%	0.0% #5E93FF	RGB 94 147 255	#5E93FF
16.7%	16.7% #5184F6	RGB 81 132 246	#5184F6
33.3%	33.3% #4576ED	RGB 69 118 237	#4576ED
50.0%	50.0% #3967E4	RGB 57 103 228	#3967E4
66.7%	66.7% #2C59DB	RGB 44 89 219	#2C59DB
83.3%	83.3% #204AD2	RGB 32 74 210	#204AD2
100.0%	100.0% #143CC9	RGB 20 60 201	#143CC9

#5E93FF #5184F6 #4576ED #3967E4 #2C59DB #204AD2 #143CC9

#5E93FF - #143CC9

HSV Blend

#5E93FF - #143CC9 | 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 #5E93FF as 0% and #143CC9 as 100%.

0.0%	0.0% #5D92FF	RGB 93 146 255	#5D92FF
16.7%	16.7% #4F83F6	RGB 79 131 246	#4F83F6
33.3%	33.3% #4274ED	RGB 66 116 237	#4274ED
50.0%	50.0% #3565E4	RGB 53 101 228	#3565E4
66.7%	66.7% #2957DB	RGB 41 87 219	#2957DB
83.3%	83.3% #1E49D2	RGB 30 73 210	#1E49D2
100.0%	100.0% #143CC9	RGB 20 60 201	#143CC9

#5D92FF #4F83F6 #4274ED #3565E4 #2957DB #1E49D2 #143CC9

#5E93FF - #3565E4 - #143CC9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D92FF 0%, #3565E4 50%, #143CC9 100%);
    background: -webkit-linear-gradient(top, #5D92FF 0%, #3565E4 50%, #143CC9 100%);
    background: linear-gradient(to bottom, #5D92FF 0%, #3565E4 50%, #143CC9 100%);
}
</style>