#153C5E - #030B2D | 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 #153C5E to #030B2D

#153C5E #030B2D

Calculate the color between two colors, #153C5E and #030B2D. 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)

#153C5E - #030B2D | 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 #153C5E as 0% and #030B2D as 100%.

0.0%	0.0% #153C5E	RGB 21 60 94	#153C5E
16.7%	16.7% #123355	RGB 18 51 85	#123355
33.3%	33.3% #0F2B4D	RGB 15 43 77	#0F2B4D
50.0%	50.0% #0C2345	RGB 12 35 69	#0C2345
66.7%	66.7% #091B3D	RGB 9 27 61	#091B3D
83.3%	83.3% #061335	RGB 6 19 53	#061335
100.0%	100.0% #030B2D	RGB 3 11 45	#030B2D

#153C5E #123355 #0F2B4D #0C2345 #091B3D #061335 #030B2D

#153C5E - #030B2D

HSV Blend

#153C5E - #030B2D | 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 #153C5E as 0% and #030B2D as 100%.

0.0%	0.0% #143C5E	RGB 20 60 94	#143C5E
16.7%	16.7% #103155	RGB 16 49 85	#103155
33.3%	33.3% #0D284D	RGB 13 40 77	#0D284D
50.0%	50.0% #0A1F45	RGB 10 31 69	#0A1F45
66.7%	66.7% #07173D	RGB 7 23 61	#07173D
83.3%	83.3% #041035	RGB 4 16 53	#041035
100.0%	100.0% #030B2D	RGB 3 11 45	#030B2D

#143C5E #103155 #0D284D #0A1F45 #07173D #041035 #030B2D

#153C5E - #0A1F45 - #030B2D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #143C5E 0%, #0A1F45 50%, #030B2D 100%);
    background: -webkit-linear-gradient(top, #143C5E 0%, #0A1F45 50%, #030B2D 100%);
    background: linear-gradient(to bottom, #143C5E 0%, #0A1F45 50%, #030B2D 100%);
}
</style>