#112FBC - #040D35 | 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 #112FBC to #040D35

#112FBC #040D35

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

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

0.0%	0.0% #112FBC	RGB 17 47 188	#112FBC
16.7%	16.7% #0E29A5	RGB 14 41 165	#0E29A5
33.3%	33.3% #0C238F	RGB 12 35 143	#0C238F
50.0%	50.0% #0A1E78	RGB 10 30 120	#0A1E78
66.7%	66.7% #081862	RGB 8 24 98	#081862
83.3%	83.3% #06124B	RGB 6 18 75	#06124B
100.0%	100.0% #040D35	RGB 4 13 53	#040D35

#112FBC #0E29A5 #0C238F #0A1E78 #081862 #06124B #040D35

#112FBC - #040D35

HSV Blend

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

0.0%	0.0% #112EBC	RGB 17 46 188	#112EBC
16.7%	16.7% #0E29A5	RGB 14 41 165	#0E29A5
33.3%	33.3% #0C238F	RGB 12 35 143	#0C238F
50.0%	50.0% #091D78	RGB 9 29 120	#091D78
66.7%	66.7% #071862	RGB 7 24 98	#071862
83.3%	83.3% #05124B	RGB 5 18 75	#05124B
100.0%	100.0% #040D35	RGB 4 13 53	#040D35

#112EBC #0E29A5 #0C238F #091D78 #071862 #05124B #040D35

#112FBC - #091D78 - #040D35

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #112EBC 0%, #091D78 50%, #040D35 100%);
    background: -webkit-linear-gradient(top, #112EBC 0%, #091D78 50%, #040D35 100%);
    background: linear-gradient(to bottom, #112EBC 0%, #091D78 50%, #040D35 100%);
}
</style>