#182B5E - #0C1310 | 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 #182B5E to #0C1310

#182B5E #0C1310

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

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

0.0%	0.0% #182B5E	RGB 24 43 94	#182B5E
16.7%	16.7% #162751	RGB 22 39 81	#162751
33.3%	33.3% #142344	RGB 20 35 68	#142344
50.0%	50.0% #121F37	RGB 18 31 55	#121F37
66.7%	66.7% #101B2A	RGB 16 27 42	#101B2A
83.3%	83.3% #0E171D	RGB 14 23 29	#0E171D
100.0%	100.0% #0C1310	RGB 12 19 16	#0C1310

#182B5E #162751 #142344 #121F37 #101B2A #0E171D #0C1310

#182B5E - #0C1310

HSV Blend

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

0.0%	0.0% #182B5E	RGB 24 43 94	#182B5E
16.7%	16.7% #193351	RGB 25 51 81	#193351
33.3%	33.3% #1A3645	RGB 26 54 69	#1A3645
50.0%	50.0% #193338	RGB 25 51 56	#193338
66.7%	66.7% #162C2B	RGB 22 44 43	#162C2B
83.3%	83.3% #111F1C	RGB 17 31 28	#111F1C
100.0%	100.0% #0C1310	RGB 12 19 16	#0C1310

#182B5E #193351 #1A3645 #193338 #162C2B #111F1C #0C1310

#182B5E - #193338 - #0C1310

CSS codes

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

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