#5E88DA - #1B4FAE | 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 #5E88DA to #1B4FAE

#5E88DA #1B4FAE

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

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

0.0%	0.0% #5E88DA	RGB 94 136 218	#5E88DA
16.7%	16.7% #527ED2	RGB 82 126 210	#527ED2
33.3%	33.3% #4775CB	RGB 71 117 203	#4775CB
50.0%	50.0% #3C6BC4	RGB 60 107 196	#3C6BC4
66.7%	66.7% #3162BC	RGB 49 98 188	#3162BC
83.3%	83.3% #2658B5	RGB 38 88 181	#2658B5
100.0%	100.0% #1B4FAE	RGB 27 79 174	#1B4FAE

#5E88DA #527ED2 #4775CB #3C6BC4 #3162BC #2658B5 #1B4FAE

#5E88DA - #1B4FAE

HSV Blend

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

0.0%	0.0% #5E87DA	RGB 94 135 218	#5E87DA
16.7%	16.7% #517DD2	RGB 81 125 210	#517DD2
33.3%	33.3% #4473CB	RGB 68 115 203	#4473CB
50.0%	50.0% #3969C4	RGB 57 105 196	#3969C4
66.7%	66.7% #2E60BC	RGB 46 96 188	#2E60BC
83.3%	83.3% #2457B5	RGB 36 87 181	#2457B5
100.0%	100.0% #1B4FAE	RGB 27 79 174	#1B4FAE

#5E87DA #517DD2 #4473CB #3969C4 #2E60BC #2457B5 #1B4FAE

#5E88DA - #3969C4 - #1B4FAE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E87DA 0%, #3969C4 50%, #1B4FAE 100%);
    background: -webkit-linear-gradient(top, #5E87DA 0%, #3969C4 50%, #1B4FAE 100%);
    background: linear-gradient(to bottom, #5E87DA 0%, #3969C4 50%, #1B4FAE 100%);
}
</style>