#1010DA - #04043E | 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 #1010DA to #04043E

#1010DA #04043E

Calculate the color between two colors, #1010DA and #04043E. 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)

#1010DA - #04043E | 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 #1010DA as 0% and #04043E as 100%.

0.0%	0.0% #1010DA	RGB 16 16 218	#1010DA
16.7%	16.7% #0E0EC0	RGB 14 14 192	#0E0EC0
33.3%	33.3% #0C0CA6	RGB 12 12 166	#0C0CA6
50.0%	50.0% #0A0A8C	RGB 10 10 140	#0A0A8C
66.7%	66.7% #080872	RGB 8 8 114	#080872
83.3%	83.3% #060658	RGB 6 6 88	#060658
100.0%	100.0% #04043E	RGB 4 4 62	#04043E

#1010DA #0E0EC0 #0C0CA6 #0A0A8C #080872 #060658 #04043E

#1010DA - #04043E

HSV Blend

#1010DA - #04043E | 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 #1010DA as 0% and #04043E as 100%.

0.0%	0.0% #100FDA	RGB 16 15 218	#100FDA
16.7%	16.7% #0D0DC0	RGB 13 13 192	#0D0DC0
33.3%	33.3% #0B0BA6	RGB 11 11 166	#0B0BA6
50.0%	50.0% #09098C	RGB 9 9 140	#09098C
66.7%	66.7% #070772	RGB 7 7 114	#070772
83.3%	83.3% #050558	RGB 5 5 88	#050558
100.0%	100.0% #04043E	RGB 4 4 62	#04043E

#100FDA #0D0DC0 #0B0BA6 #09098C #070772 #050558 #04043E

#1010DA - #09098C - #04043E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #100FDA 0%, #09098C 50%, #04043E 100%);
    background: -webkit-linear-gradient(top, #100FDA 0%, #09098C 50%, #04043E 100%);
    background: linear-gradient(to bottom, #100FDA 0%, #09098C 50%, #04043E 100%);
}
</style>