#5E6CFF - #1317BE | 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 #5E6CFF to #1317BE

#5E6CFF #1317BE

Calculate the color between two colors, #5E6CFF and #1317BE. 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)

#5E6CFF - #1317BE | 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 #5E6CFF as 0% and #1317BE as 100%.

0.0%	0.0% #5E6CFF	RGB 94 108 255	#5E6CFF
16.7%	16.7% #515DF4	RGB 81 93 244	#515DF4
33.3%	33.3% #454FE9	RGB 69 79 233	#454FE9
50.0%	50.0% #3841DE	RGB 56 65 222	#3841DE
66.7%	66.7% #2C33D3	RGB 44 51 211	#2C33D3
83.3%	83.3% #1F25C8	RGB 31 37 200	#1F25C8
100.0%	100.0% #1317BE	RGB 19 23 190	#1317BE

#5E6CFF #515DF4 #454FE9 #3841DE #2C33D3 #1F25C8 #1317BE

#5E6CFF - #1317BE

HSV Blend

#5E6CFF - #1317BE | 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 #5E6CFF as 0% and #1317BE as 100%.

0.0%	0.0% #5D6CFF	RGB 93 108 255	#5D6CFF
16.7%	16.7% #4F5BF4	RGB 79 91 244	#4F5BF4
33.3%	33.3% #414CE9	RGB 65 76 233	#414CE9
50.0%	50.0% #343DDE	RGB 52 61 222	#343DDE
66.7%	66.7% #282FD3	RGB 40 47 211	#282FD3
83.3%	83.3% #1D22C8	RGB 29 34 200	#1D22C8
100.0%	100.0% #1317BE	RGB 19 23 190	#1317BE

#5D6CFF #4F5BF4 #414CE9 #343DDE #282FD3 #1D22C8 #1317BE

#5E6CFF - #343DDE - #1317BE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D6CFF 0%, #343DDE 50%, #1317BE 100%);
    background: -webkit-linear-gradient(top, #5D6CFF 0%, #343DDE 50%, #1317BE 100%);
    background: linear-gradient(to bottom, #5D6CFF 0%, #343DDE 50%, #1317BE 100%);
}
</style>