#063B5E - #1C73B8 | 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 #063B5E to #1C73B8

#063B5E #1C73B8

Calculate the color between two colors, #063B5E and #1C73B8. 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)

#063B5E - #1C73B8 | 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 #063B5E as 0% and #1C73B8 as 100%.

0.0%	0.0% #063B5E	RGB 6 59 94	#063B5E
16.7%	16.7% #09446D	RGB 9 68 109	#09446D
33.3%	33.3% #0D4D7C	RGB 13 77 124	#0D4D7C
50.0%	50.0% #11578B	RGB 17 87 139	#11578B
66.7%	66.7% #14609A	RGB 20 96 154	#14609A
83.3%	83.3% #1869A9	RGB 24 105 169	#1869A9
100.0%	100.0% #1C73B8	RGB 28 115 184	#1C73B8

#063B5E #09446D #0D4D7C #11578B #14609A #1869A9 #1C73B8

#063B5E - #1C73B8

HSV Blend

#063B5E - #1C73B8 | 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 #063B5E as 0% and #1C73B8 as 100%.

0.0%	0.0% #053B5E	RGB 5 59 94	#053B5E
16.7%	16.7% #08446D	RGB 8 68 109	#08446D
33.3%	33.3% #0B4D7C	RGB 11 77 124	#0B4D7C
50.0%	50.0% #0F568B	RGB 15 86 139	#0F568B
66.7%	66.7% #12609A	RGB 18 96 154	#12609A
83.3%	83.3% #1769A9	RGB 23 105 169	#1769A9
100.0%	100.0% #1C73B8	RGB 28 115 184	#1C73B8

#053B5E #08446D #0B4D7C #0F568B #12609A #1769A9 #1C73B8

#063B5E - #0F568B - #1C73B8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #053B5E 0%, #0F568B 50%, #1C73B8 100%);
    background: -webkit-linear-gradient(top, #053B5E 0%, #0F568B 50%, #1C73B8 100%);
    background: linear-gradient(to bottom, #053B5E 0%, #0F568B 50%, #1C73B8 100%);
}
</style>