#5E8ED6 - #1D408E | 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 #5E8ED6 to #1D408E

#5E8ED6 #1D408E

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

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

0.0%	0.0% #5E8ED6	RGB 94 142 214	#5E8ED6
16.7%	16.7% #5381CA	RGB 83 129 202	#5381CA
33.3%	33.3% #4874BE	RGB 72 116 190	#4874BE
50.0%	50.0% #3D67B2	RGB 61 103 178	#3D67B2
66.7%	66.7% #325AA6	RGB 50 90 166	#325AA6
83.3%	83.3% #274D9A	RGB 39 77 154	#274D9A
100.0%	100.0% #1D408E	RGB 29 64 142	#1D408E

#5E8ED6 #5381CA #4874BE #3D67B2 #325AA6 #274D9A #1D408E

#5E8ED6 - #1D408E

HSV Blend

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

0.0%	0.0% #5E8DD6	RGB 94 141 214	#5E8DD6
16.7%	16.7% #507FCA	RGB 80 127 202	#507FCA
33.3%	33.3% #4471BE	RGB 68 113 190	#4471BE
50.0%	50.0% #3964B2	RGB 57 100 178	#3964B2
66.7%	66.7% #2E57A6	RGB 46 87 166	#2E57A6
83.3%	83.3% #254B9A	RGB 37 75 154	#254B9A
100.0%	100.0% #1D408E	RGB 29 64 142	#1D408E

#5E8DD6 #507FCA #4471BE #3964B2 #2E57A6 #254B9A #1D408E

#5E8ED6 - #3964B2 - #1D408E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8DD6 0%, #3964B2 50%, #1D408E 100%);
    background: -webkit-linear-gradient(top, #5E8DD6 0%, #3964B2 50%, #1D408E 100%);
    background: linear-gradient(to bottom, #5E8DD6 0%, #3964B2 50%, #1D408E 100%);
}
</style>