#100C5E - #04031A | 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 #100C5E to #04031A

#100C5E #04031A

Calculate the color between two colors, #100C5E and #04031A. 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)

#100C5E - #04031A | 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 #100C5E as 0% and #04031A as 100%.

0.0%	0.0% #100C5E	RGB 16 12 94	#100C5E
16.7%	16.7% #0E0A52	RGB 14 10 82	#0E0A52
33.3%	33.3% #0C0947	RGB 12 9 71	#0C0947
50.0%	50.0% #0A073C	RGB 10 7 60	#0A073C
66.7%	66.7% #080630	RGB 8 6 48	#080630
83.3%	83.3% #060425	RGB 6 4 37	#060425
100.0%	100.0% #04031A	RGB 4 3 26	#04031A

#100C5E #0E0A52 #0C0947 #0A073C #080630 #060425 #04031A

#100C5E - #04031A

HSV Blend

#100C5E - #04031A | 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 #100C5E as 0% and #04031A as 100%.

0.0%	0.0% #100B5E	RGB 16 11 94	#100B5E
16.7%	16.7% #0D0A52	RGB 13 10 82	#0D0A52
33.3%	33.3% #0B0847	RGB 11 8 71	#0B0847
50.0%	50.0% #09073C	RGB 9 7 60	#09073C
66.7%	66.7% #070530	RGB 7 5 48	#070530
83.3%	83.3% #050425	RGB 5 4 37	#050425
100.0%	100.0% #04031A	RGB 4 3 26	#04031A

#100B5E #0D0A52 #0B0847 #09073C #070530 #050425 #04031A

#100C5E - #09073C - #04031A

CSS codes

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

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