#5E8CDF - #1B3D99 | 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 #5E8CDF to #1B3D99

#5E8CDF #1B3D99

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

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

0.0%	0.0% #5E8CDF	RGB 94 140 223	#5E8CDF
16.7%	16.7% #527ED3	RGB 82 126 211	#527ED3
33.3%	33.3% #4771C7	RGB 71 113 199	#4771C7
50.0%	50.0% #3C64BC	RGB 60 100 188	#3C64BC
66.7%	66.7% #3157B0	RGB 49 87 176	#3157B0
83.3%	83.3% #264AA4	RGB 38 74 164	#264AA4
100.0%	100.0% #1B3D99	RGB 27 61 153	#1B3D99

#5E8CDF #527ED3 #4771C7 #3C64BC #3157B0 #264AA4 #1B3D99

#5E8CDF - #1B3D99

HSV Blend

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

0.0%	0.0% #5E8CDF	RGB 94 140 223	#5E8CDF
16.7%	16.7% #507DD3	RGB 80 125 211	#507DD3
33.3%	33.3% #436FC7	RGB 67 111 199	#436FC7
50.0%	50.0% #3861BC	RGB 56 97 188	#3861BC
66.7%	66.7% #2D54B0	RGB 45 84 176	#2D54B0
83.3%	83.3% #2348A4	RGB 35 72 164	#2348A4
100.0%	100.0% #1B3D99	RGB 27 61 153	#1B3D99

#5E8CDF #507DD3 #436FC7 #3861BC #2D54B0 #2348A4 #1B3D99

#5E8CDF - #3861BC - #1B3D99

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8CDF 0%, #3861BC 50%, #1B3D99 100%);
    background: -webkit-linear-gradient(top, #5E8CDF 0%, #3861BC 50%, #1B3D99 100%);
    background: linear-gradient(to bottom, #5E8CDF 0%, #3861BC 50%, #1B3D99 100%);
}
</style>