#182E5E - #0D1311 | 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 #182E5E to #0D1311

#182E5E #0D1311

Calculate the color between two colors, #182E5E and #0D1311. 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)

#182E5E - #0D1311 | 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 #182E5E as 0% and #0D1311 as 100%.

0.0%	0.0% #182E5E	RGB 24 46 94	#182E5E
16.7%	16.7% #162951	RGB 22 41 81	#162951
33.3%	33.3% #142544	RGB 20 37 68	#142544
50.0%	50.0% #122037	RGB 18 32 55	#122037
66.7%	66.7% #101C2A	RGB 16 28 42	#101C2A
83.3%	83.3% #0E171D	RGB 14 23 29	#0E171D
100.0%	100.0% #0D1311	RGB 13 19 17	#0D1311

#182E5E #162951 #142544 #122037 #101C2A #0E171D #0D1311

#182E5E - #0D1311

HSV Blend

#182E5E - #0D1311 | 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 #182E5E as 0% and #0D1311 as 100%.

0.0%	0.0% #182E5E	RGB 24 46 94	#182E5E
16.7%	16.7% #1A3551	RGB 26 53 81	#1A3551
33.3%	33.3% #1B3645	RGB 27 54 69	#1B3645
50.0%	50.0% #1A3338	RGB 26 51 56	#1A3338
66.7%	66.7% #172B2C	RGB 23 43 44	#172B2C
83.3%	83.3% #131F1D	RGB 19 31 29	#131F1D
100.0%	100.0% #0D1311	RGB 13 19 17	#0D1311

#182E5E #1A3551 #1B3645 #1A3338 #172B2C #131F1D #0D1311

#182E5E - #1A3338 - #0D1311

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #182E5E 0%, #1A3338 50%, #0D1311 100%);
    background: -webkit-linear-gradient(top, #182E5E 0%, #1A3338 50%, #0D1311 100%);
    background: linear-gradient(to bottom, #182E5E 0%, #1A3338 50%, #0D1311 100%);
}
</style>