#2E3C5E - #0E1816 | 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 #2E3C5E to #0E1816

#2E3C5E #0E1816

Calculate the color between two colors, #2E3C5E and #0E1816. 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)

#2E3C5E - #0E1816 | 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 #2E3C5E as 0% and #0E1816 as 100%.

0.0%	0.0% #2E3C5E	RGB 46 60 94	#2E3C5E
16.7%	16.7% #283652	RGB 40 54 82	#283652
33.3%	33.3% #233046	RGB 35 48 70	#233046
50.0%	50.0% #1E2A3A	RGB 30 42 58	#1E2A3A
66.7%	66.7% #18242E	RGB 24 36 46	#18242E
83.3%	83.3% #131E22	RGB 19 30 34	#131E22
100.0%	100.0% #0E1816	RGB 14 24 22	#0E1816

#2E3C5E #283652 #233046 #1E2A3A #18242E #131E22 #0E1816

#2E3C5E - #0E1816

HSV Blend

#2E3C5E - #0E1816 | 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 #2E3C5E as 0% and #0E1816 as 100%.

0.0%	0.0% #2E3C5E	RGB 46 60 94	#2E3C5E
16.7%	16.7% #293B52	RGB 41 59 82	#293B52
33.3%	33.3% #243846	RGB 36 56 70	#243846
50.0%	50.0% #1F343B	RGB 31 52 59	#1F343B
66.7%	66.7% #1A2D2F	RGB 26 45 47	#1A2D2F
83.3%	83.3% #142322	RGB 20 35 34	#142322
100.0%	100.0% #0E1816	RGB 14 24 22	#0E1816

#2E3C5E #293B52 #243846 #1F343B #1A2D2F #142322 #0E1816

#2E3C5E - #1F343B - #0E1816

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2E3C5E 0%, #1F343B 50%, #0E1816 100%);
    background: -webkit-linear-gradient(top, #2E3C5E 0%, #1F343B 50%, #0E1816 100%);
    background: linear-gradient(to bottom, #2E3C5E 0%, #1F343B 50%, #0E1816 100%);
}
</style>