#5E6EBF - #1C2A6B | 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 #5E6EBF to #1C2A6B

#5E6EBF #1C2A6B

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

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

0.0%	0.0% #5E6EBF	RGB 94 110 191	#5E6EBF
16.7%	16.7% #5362B1	RGB 83 98 177	#5362B1
33.3%	33.3% #4857A3	RGB 72 87 163	#4857A3
50.0%	50.0% #3D4C95	RGB 61 76 149	#3D4C95
66.7%	66.7% #324087	RGB 50 64 135	#324087
83.3%	83.3% #273579	RGB 39 53 121	#273579
100.0%	100.0% #1C2A6B	RGB 28 42 107	#1C2A6B

#5E6EBF #5362B1 #4857A3 #3D4C95 #324087 #273579 #1C2A6B

#5E6EBF - #1C2A6B

HSV Blend

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

0.0%	0.0% #5E6EBF	RGB 94 110 191	#5E6EBF
16.7%	16.7% #5060B1	RGB 80 96 177	#5060B1
33.3%	33.3% #4353A3	RGB 67 83 163	#4353A3
50.0%	50.0% #384895	RGB 56 72 149	#384895
66.7%	66.7% #2D3D87	RGB 45 61 135	#2D3D87
83.3%	83.3% #243379	RGB 36 51 121	#243379
100.0%	100.0% #1C2A6B	RGB 28 42 107	#1C2A6B

#5E6EBF #5060B1 #4353A3 #384895 #2D3D87 #243379 #1C2A6B

#5E6EBF - #384895 - #1C2A6B

CSS codes

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

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