#111B2B - #04070C | 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 #111B2B to #04070C

#111B2B #04070C

Calculate the color between two colors, #111B2B and #04070C. 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)

#111B2B - #04070C | 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 #111B2B as 0% and #04070C as 100%.

0.0%	0.0% #111B2B	RGB 17 27 43	#111B2B
16.7%	16.7% #0E1725	RGB 14 23 37	#0E1725
33.3%	33.3% #0C1420	RGB 12 20 32	#0C1420
50.0%	50.0% #0A111B	RGB 10 17 27	#0A111B
66.7%	66.7% #080D16	RGB 8 13 22	#080D16
83.3%	83.3% #060A11	RGB 6 10 17	#060A11
100.0%	100.0% #04070C	RGB 4 7 12	#04070C

#111B2B #0E1725 #0C1420 #0A111B #080D16 #060A11 #04070C

#111B2B - #04070C

HSV Blend

#111B2B - #04070C | 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 #111B2B as 0% and #04070C as 100%.

0.0%	0.0% #111B2B	RGB 17 27 43	#111B2B
16.7%	16.7% #0E1725	RGB 14 23 37	#0E1725
33.3%	33.3% #0C1420	RGB 12 20 32	#0C1420
50.0%	50.0% #0A101B	RGB 10 16 27	#0A101B
66.7%	66.7% #070D16	RGB 7 13 22	#070D16
83.3%	83.3% #050A11	RGB 5 10 17	#050A11
100.0%	100.0% #04070C	RGB 4 7 12	#04070C

#111B2B #0E1725 #0C1420 #0A101B #070D16 #050A11 #04070C

#111B2B - #0A101B - #04070C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #111B2B 0%, #0A101B 50%, #04070C 100%);
    background: -webkit-linear-gradient(top, #111B2B 0%, #0A101B 50%, #04070C 100%);
    background: linear-gradient(to bottom, #111B2B 0%, #0A101B 50%, #04070C 100%);
}
</style>