Make gradients with HTML

[Gaijin]

I was bored and was playing with HTML
I've came to consclusion that you don't need to load the gradient images for your page, you can do it with HTML

Code:

        <div class="title">
            <div style="background:#276fdb;height:1px;"></div>
            <div style="background:#266dd8;height:1px;"></div>
            <div style="background:#256bd4;height:1px;"></div>
            <div style="background:#2569d0;height:1px;"></div>
            <div style="background:#2467cb;height:1px;"></div>
            <div style="background:#2364c5;height:1px;"></div>
            <div style="background:#2261bf;height:1px;"></div>
            <div style="background:#215eb9;height:1px;"></div>
            <div style="background:#205ab3;height:1px;"></div>
            <div style="background:#1e57ac;height:1px;"></div>
            <div style="background:#1d54a5;height:1px;"></div>
            <div style="background:#1c509e;height:1px;"></div>
            <div style="background:#1b4c97;height:1px;"></div>
            <div style="background:#194990;height:1px;"></div>
            <div style="background:#184589;height:1px;"></div>
            <div style="background:#174282;height:1px;"></div>
            <div style="background:#163e7b;height:1px;"></div>
            <div style="background:#153b75;height:1px;"></div>
            <div style="background:#14386f;height:1px;"></div>
            <div style="background:#123569;height:1px;"></div>
            <div style="background:#123263;height:1px;"></div>
            <div style="background:#11305e;height:1px;"></div>
            <div style="background:#102e5a;height:1px;"></div>
            <div style="background:#0f2c56;height:1px;"></div>
        </div>

I like this and I'm thinking to use this instead of images