#014D9F - #00162D | 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 #014D9F to #00162D

#014D9F #00162D

Calculate the color between two colors, #014D9F and #00162D. 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)

#014D9F - #00162D | 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 #014D9F as 0% and #00162D as 100%.

0.0%	0.0% #014D9F	RGB 1 77 159	#014D9F
16.7%	16.7% #00438C	RGB 0 67 140	#00438C
33.3%	33.3% #003A79	RGB 0 58 121	#003A79
50.0%	50.0% #003166	RGB 0 49 102	#003166
66.7%	66.7% #002853	RGB 0 40 83	#002853
83.3%	83.3% #001F40	RGB 0 31 64	#001F40
100.0%	100.0% #00162D	RGB 0 22 45	#00162D

#014D9F #00438C #003A79 #003166 #002853 #001F40 #00162D

#014D9F - #00162D

HSV Blend

#014D9F - #00162D | 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 #014D9F as 0% and #00162D as 100%.

0.0%	0.0% #004C9F	RGB 0 76 159	#004C9F
16.7%	16.7% #00438C	RGB 0 67 140	#00438C
33.3%	33.3% #003A79	RGB 0 58 121	#003A79
50.0%	50.0% #003166	RGB 0 49 102	#003166
66.7%	66.7% #002853	RGB 0 40 83	#002853
83.3%	83.3% #001F40	RGB 0 31 64	#001F40
100.0%	100.0% #00162D	RGB 0 22 45	#00162D

#004C9F #00438C #003A79 #003166 #002853 #001F40 #00162D

#014D9F - #003166 - #00162D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #004C9F 0%, #003166 50%, #00162D 100%);
    background: -webkit-linear-gradient(top, #004C9F 0%, #003166 50%, #00162D 100%);
    background: linear-gradient(to bottom, #004C9F 0%, #003166 50%, #00162D 100%);
}
</style>