#5E85D6 - #1C388B | 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 #5E85D6 to #1C388B

#5E85D6 #1C388B

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

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

0.0%	0.0% #5E85D6	RGB 94 133 214	#5E85D6
16.7%	16.7% #5378C9	RGB 83 120 201	#5378C9
33.3%	33.3% #486BBD	RGB 72 107 189	#486BBD
50.0%	50.0% #3D5EB0	RGB 61 94 176	#3D5EB0
66.7%	66.7% #3251A4	RGB 50 81 164	#3251A4
83.3%	83.3% #274497	RGB 39 68 151	#274497
100.0%	100.0% #1C388B	RGB 28 56 139	#1C388B

#5E85D6 #5378C9 #486BBD #3D5EB0 #3251A4 #274497 #1C388B

#5E85D6 - #1C388B

HSV Blend

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

0.0%	0.0% #5E84D6	RGB 94 132 214	#5E84D6
16.7%	16.7% #5076C9	RGB 80 118 201	#5076C9
33.3%	33.3% #4468BD	RGB 68 104 189	#4468BD
50.0%	50.0% #385BB0	RGB 56 91 176	#385BB0
66.7%	66.7% #2E4EA4	RGB 46 78 164	#2E4EA4
83.3%	83.3% #244297	RGB 36 66 151	#244297
100.0%	100.0% #1C388B	RGB 28 56 139	#1C388B

#5E84D6 #5076C9 #4468BD #385BB0 #2E4EA4 #244297 #1C388B

#5E85D6 - #385BB0 - #1C388B

CSS codes

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

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