#181B5E - #04130E | 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 #181B5E to #04130E

#181B5E #04130E

Calculate the color between two colors, #181B5E and #04130E. 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)

#181B5E - #04130E | 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 #181B5E as 0% and #04130E as 100%.

0.0%	0.0% #181B5E	RGB 24 27 94	#181B5E
16.7%	16.7% #141950	RGB 20 25 80	#141950
33.3%	33.3% #111843	RGB 17 24 67	#111843
50.0%	50.0% #0E1736	RGB 14 23 54	#0E1736
66.7%	66.7% #0A1528	RGB 10 21 40	#0A1528
83.3%	83.3% #07141B	RGB 7 20 27	#07141B
100.0%	100.0% #04130E	RGB 4 19 14	#04130E

#181B5E #141950 #111843 #0E1736 #0A1528 #07141B #04130E

#181B5E - #04130E

HSV Blend

#181B5E - #04130E | 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 #181B5E as 0% and #04130E as 100%.

0.0%	0.0% #181B5E	RGB 24 27 94	#181B5E
16.7%	16.7% #142451	RGB 20 36 81	#142451
33.3%	33.3% #102945	RGB 16 41 69	#102945
50.0%	50.0% #0D2A38	RGB 13 42 56	#0D2A38
66.7%	66.7% #09282C	RGB 9 40 44	#09282C
83.3%	83.3% #061F1C	RGB 6 31 28	#061F1C
100.0%	100.0% #04130E	RGB 4 19 14	#04130E

#181B5E #142451 #102945 #0D2A38 #09282C #061F1C #04130E

#181B5E - #0D2A38 - #04130E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #181B5E 0%, #0D2A38 50%, #04130E 100%);
    background: -webkit-linear-gradient(top, #181B5E 0%, #0D2A38 50%, #04130E 100%);
    background: linear-gradient(to bottom, #181B5E 0%, #0D2A38 50%, #04130E 100%);
}
</style>