#112F3E - #040D11 | 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 #112F3E to #040D11

#112F3E #040D11

Calculate the color between two colors, #112F3E and #040D11. 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)

#112F3E - #040D11 | 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 #112F3E as 0% and #040D11 as 100%.

0.0%	0.0% #112F3E	RGB 17 47 62	#112F3E
16.7%	16.7% #0E2936	RGB 14 41 54	#0E2936
33.3%	33.3% #0C232F	RGB 12 35 47	#0C232F
50.0%	50.0% #0A1E27	RGB 10 30 39	#0A1E27
66.7%	66.7% #081820	RGB 8 24 32	#081820
83.3%	83.3% #061218	RGB 6 18 24	#061218
100.0%	100.0% #040D11	RGB 4 13 17	#040D11

#112F3E #0E2936 #0C232F #0A1E27 #081820 #061218 #040D11

#112F3E - #040D11

HSV Blend

#112F3E - #040D11 | 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 #112F3E as 0% and #040D11 as 100%.

0.0%	0.0% #102E3E	RGB 16 46 62	#102E3E
16.7%	16.7% #0E2936	RGB 14 41 54	#0E2936
33.3%	33.3% #0C232F	RGB 12 35 47	#0C232F
50.0%	50.0% #0A1E27	RGB 10 30 39	#0A1E27
66.7%	66.7% #071820	RGB 7 24 32	#071820
83.3%	83.3% #051218	RGB 5 18 24	#051218
100.0%	100.0% #040D11	RGB 4 13 17	#040D11

#102E3E #0E2936 #0C232F #0A1E27 #071820 #051218 #040D11

#112F3E - #0A1E27 - #040D11

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #102E3E 0%, #0A1E27 50%, #040D11 100%);
    background: -webkit-linear-gradient(top, #102E3E 0%, #0A1E27 50%, #040D11 100%);
    background: linear-gradient(to bottom, #102E3E 0%, #0A1E27 50%, #040D11 100%);
}
</style>