#010D5B - #5E70A1 | 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 #010D5B to #5E70A1

#010D5B #5E70A1

Calculate the color between two colors, #010D5B and #5E70A1. 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)

#010D5B - #5E70A1 | 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 #010D5B as 0% and #5E70A1 as 100%.

0.0%	0.0% #010D5B	RGB 1 13 91	#010D5B
16.7%	16.7% #101D66	RGB 16 29 102	#101D66
33.3%	33.3% #202E72	RGB 32 46 114	#202E72
50.0%	50.0% #2F3E7E	RGB 47 62 126	#2F3E7E
66.7%	66.7% #3F4F89	RGB 63 79 137	#3F4F89
83.3%	83.3% #4E5F95	RGB 78 95 149	#4E5F95
100.0%	100.0% #5E70A1	RGB 94 112 161	#5E70A1

#010D5B #101D66 #202E72 #2F3E7E #3F4F89 #4E5F95 #5E70A1

#010D5B - #5E70A1

HSV Blend

#010D5B - #5E70A1 | 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 #010D5B as 0% and #5E70A1 as 100%.

0.0%	0.0% #000C5B	RGB 0 12 91	#000C5B
16.7%	16.7% #0A1966	RGB 10 25 102	#0A1966
33.3%	33.3% #172772	RGB 23 39 114	#172772
50.0%	50.0% #25377E	RGB 37 55 126	#25377E
66.7%	66.7% #364889	RGB 54 72 137	#364889
83.3%	83.3% #485B95	RGB 72 91 149	#485B95
100.0%	100.0% #5E70A1	RGB 94 112 161	#5E70A1

#000C5B #0A1966 #172772 #25377E #364889 #485B95 #5E70A1

#010D5B - #25377E - #5E70A1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #000C5B 0%, #25377E 50%, #5E70A1 100%);
    background: -webkit-linear-gradient(top, #000C5B 0%, #25377E 50%, #5E70A1 100%);
    background: linear-gradient(to bottom, #000C5B 0%, #25377E 50%, #5E70A1 100%);
}
</style>