diff --git a/awesomerc.5.txt b/awesomerc.5.txt
index 83accdd0e..980ae88f4 100644
--- a/awesomerc.5.txt
+++ b/awesomerc.5.txt
@@ -505,6 +505,8 @@ This widget shows a graph.
     Foreground color in the center of the bar (as gradient).
 *fg_end*::
     Foreground color at the end of a bar (as gradient).
+*vertical_gradient*
+    If true, create a gradient from 0 > full instead of new > old values
 *style*::
     bottom (fills to bottom with fg), top, or line.
 *mouse*::
@@ -714,6 +716,7 @@ screen <integer> [MULTI]
             {
                 scale = <boolean> max = <float> style = <{bottom, top, line}>
                 fg = <color> fg_center = <color> fg_end = <color>
+                vertical_gradient = <boolean>
             }
             width = <integer>
             height = <float>
diff --git a/common/configopts.c b/common/configopts.c
index 8ff8ee4e5..510a52bfc 100644
--- a/common/configopts.c
+++ b/common/configopts.c
@@ -173,6 +173,7 @@ cfg_opt_t widget_graph_data_opts[] =
     CFG_STR((char *) "fg", (char *) NULL, CFGF_NONE),
     CFG_STR((char *) "fg_center", (char *) NULL, CFGF_NONE),
     CFG_STR((char *) "fg_end", (char *) NULL, CFGF_NONE),
+    CFG_BOOL((char *) "vertical_gradient", cfg_false, CFGF_NONE),
     CFG_STR((char *) "style", (char *) "bottom", CFGF_NONE),
     CFG_AWESOME_END()
 };
diff --git a/common/draw.c b/common/draw.c
index 00fbcec3f..d9610766d 100644
--- a/common/draw.c
+++ b/common/draw.c
@@ -340,18 +340,17 @@ draw_graph_setup(DrawCtx *ctx)
  * \param pcolor_end color at the right
  */
 void
-draw_graph(DrawCtx *ctx, int x, int y, int w, int *from, int *to, int cur_index,
-           XColor *pcolor, XColor *pcolor_center, XColor *pcolor_end)
+draw_graph(DrawCtx *ctx, Area rect, int *from, int *to, int cur_index,
+           Area patt_rect, XColor *pcolor, XColor *pcolor_center, XColor *pcolor_end)
 {
-    int i;
+    int i, x, y, w;
     cairo_pattern_t *pat;
-    Area rect;
-    rect.x = x;
-    rect.y = y;
-    rect.width = w;
-    rect.height = 0;
 
-    pat = draw_setup_cairo_color_source(ctx, rect, pcolor, pcolor_center, pcolor_end);
+    pat = draw_setup_cairo_color_source(ctx, patt_rect, pcolor, pcolor_center, pcolor_end);
+
+    x = rect.x;
+    y = rect.y;
+    w = rect.width;
 
     i = -1;
     while(++i < w)
@@ -382,20 +381,18 @@ draw_graph(DrawCtx *ctx, int x, int y, int w, int *from, int *to, int cur_index,
  * \param pcolor_end color at the right
  */
 void
-draw_graph_line(DrawCtx *ctx, int x, int y, int w, int *to, int cur_index,
-           XColor *pcolor, XColor *pcolor_center, XColor *pcolor_end)
+draw_graph_line(DrawCtx *ctx, Area rect, int *to, int cur_index,
+                Area patt_rect, XColor *pcolor, XColor *pcolor_center, XColor *pcolor_end)
 {
-    int i;
+    int i, x, y, w;
     int flag = 0; /* used to prevent drawing a line from 0 to 0 values */
     cairo_pattern_t *pat;
 
-    Area rect;
-    rect.x = x;
-    rect.y = y;
-    rect.width = w;
-    rect.height = 0;
+    pat = draw_setup_cairo_color_source(ctx, patt_rect, pcolor, pcolor_center, pcolor_end);
 
-    pat = draw_setup_cairo_color_source(ctx, rect, pcolor, pcolor_center, pcolor_end);
+    x = rect.x;
+    y = rect.y;
+    w = rect.width;
 
     /* x-1 (on the border), paints *from* the last point (... not included itself) */
     /* makes sense when you assume there is already some line drawn to it. */
diff --git a/common/draw.h b/common/draw.h
index df66a7b5a..cd7c59fd7 100644
--- a/common/draw.h
+++ b/common/draw.h
@@ -113,8 +113,8 @@ void draw_rectangle(DrawCtx *, Area, Bool, XColor);
 void draw_rectangle_gradient(DrawCtx *, Area, Bool, Area, XColor *, XColor *, XColor *);
 
 void draw_graph_setup(DrawCtx *);
-void draw_graph(DrawCtx *, int, int, int, int *, int *, int, XColor *, XColor *, XColor *);
-void draw_graph_line(DrawCtx *, int, int, int, int *, int, XColor *, XColor *, XColor *);
+void draw_graph(DrawCtx *, Area, int *, int *, int, Area, XColor *, XColor *, XColor *);
+void draw_graph_line(DrawCtx *, Area, int *, int, Area, XColor *, XColor *, XColor *);
 void draw_circle(DrawCtx *, int, int, int, Bool, XColor);
 void draw_image(DrawCtx *, int, int, int, const char *);
 void draw_image_from_argb_data(DrawCtx *, int, int, int, int, int, unsigned char *);
diff --git a/widgets/graph.c b/widgets/graph.c
index 803fb6983..e734aa5de 100644
--- a/widgets/graph.c
+++ b/widgets/graph.c
@@ -55,18 +55,21 @@ typedef struct
     int **fillbottom;                   /** Data array pointer (like *lines) */
     int **fillbottom_index;             /** Points to some index[i] */
     int fillbottom_total;               /** Total of them */
+    Bool *fillbottom_vertical_grad;     /** Create a vertical color gradient */
     XColor *fillbottom_color;           /** Color of them */
     XColor **fillbottom_pcolor_center;  /** Color at middle of graph */
     XColor **fillbottom_pcolor_end;     /** Color at end of graph */
     int **filltop;                      /** Data array pointer (like *lines) */
     int **filltop_index;                /** Points to some index[i] */
     int filltop_total;                  /** Total of them */
+    Bool *filltop_vertical_grad;        /** Create a vertical color gradient */
     XColor *filltop_color;              /** Color of them */
     XColor **filltop_pcolor_center;     /** Color at center of graph */
     XColor **filltop_pcolor_end;        /** Color at end of graph */
     int **drawline;                     /** Data array pointer (like *lines) */
     int **drawline_index;               /** Points to some index[i] */
     int drawline_total;                 /** Total of them */
+    Bool *drawline_vertical_grad;       /** Create a vertical color gradient */
     XColor *drawline_color;             /** Color of them */
     XColor **drawline_pcolor_center;    /** Color at middle of graph */
     XColor **drawline_pcolor_end;       /** Color at end of graph */
@@ -83,7 +86,7 @@ graph_draw(Widget *widget, DrawCtx *ctx, int offset,
     int margin_top, left_offset;
     int z, y, x, tmp;
     Data *d = widget->data;
-    Area rectangle;
+    Area rectangle, pattern_area;
 
     if(!d->data_items)
         return 0;
@@ -110,63 +113,123 @@ graph_draw(Widget *widget, DrawCtx *ctx, int offset,
 
     rectangle.x++;
     rectangle.y++;
-    rectangle.width -= 2;
+    rectangle.width = d->size;
     rectangle.height -= 2;
     draw_rectangle(ctx, rectangle, True, d->bg);
 
+    /* for graph drawing */
+    rectangle.x = left_offset + 2;
+    rectangle.y = margin_top + d->box_height + 1; /* bottom left corner as starting point */
+    rectangle.width = d->size; /* rectangle.height is not used */
+
     draw_graph_setup(ctx); /* setup some drawing options */
 
-    /* draw style = top */
-    for(z = 0; z < d->filltop_total; z++)
+    if(d->filltop_total)
     {
-        for(y = 0; y < d->size; y++)
+        /* all these filltop's have the same setting */
+        pattern_area.x = rectangle.x;
+        pattern_area.y = rectangle.y - rectangle.height;
+        if(d->filltop_vertical_grad[0])
         {
-            for(tmp = 0, x = 0; x < d->filltop_total; x++) /* find largest smaller value */
-            {
-                if (x == z)
-                    continue;
-
-                if(d->filltop[x][y] > tmp && d->filltop[x][y] < d->filltop[z][y])
-                    tmp = d->filltop[x][y];
-            }
-            d->draw_from[y] = d->box_height - tmp;
-            d->draw_to[y] = d->box_height - d->filltop[z][y];
+            pattern_area.width = 0;
+            pattern_area.height = rectangle.height;
         }
-        draw_graph(ctx,
-                left_offset + 2, margin_top + d->box_height + 1,
-                d->size, d->draw_from, d->draw_to, *(d->filltop_index[z]),
-                &(d->filltop_color[z]), d->filltop_pcolor_center[z], d->filltop_pcolor_end[z]);
-    }
-
-    /* draw style = bottom */
-    for(z = 0; z < d->fillbottom_total; z++)
-    {
-        for(y = 0; y < d->size; y++)
+        else
         {
-            for(tmp = 0, x = 0; x < d->fillbottom_total; x++) /* find largest smaller value */
-            {
-                if (x == z)
-                    continue;
-
-                if(d->fillbottom[x][y] > tmp && d->fillbottom[x][y] < d->fillbottom[z][y])
-                    tmp = d->fillbottom[x][y];
-            }
-            d->draw_from[y] = tmp;
+            pattern_area.width = rectangle.width;
+            pattern_area.height = 0;
         }
 
-        draw_graph(ctx,
-                left_offset + 2, margin_top + d->box_height + 1,
-                d->size, d->draw_from, d->fillbottom[z], *(d->fillbottom_index[z]),
-                &(d->fillbottom_color[z]), d->fillbottom_pcolor_center[z], d->fillbottom_pcolor_end[z]);
+        /* draw style = top */
+        for(z = 0; z < d->filltop_total; z++)
+        {
+            for(y = 0; y < d->size; y++)
+            {
+                /* draw this filltop data thing [z]. But figure out the part
+                 * what shall be visible. Therefore find the next smaller value
+                 * on this index (draw_from) and to the point what the value
+                 * represents */
+                for(tmp = 0, x = 0; x < d->filltop_total; x++)
+                {
+                    if (x == z) /* no need to compare with itself */
+                        continue;
+
+                    /* FIXME index's can be seperate now (since widget_tell) - so
+                     * compare according offsets of the indexes.
+                     * so use 2 seperate indexes instead of y */
+                    if(d->filltop[x][y] > tmp && d->filltop[x][y] < d->filltop[z][y])
+                        tmp = d->filltop[x][y];
+                }
+                /* reverse values and draw also accordingly */
+                d->draw_from[y] = d->box_height - tmp; /* i.e. no smaller value -> from top of box */
+                d->draw_to[y] = d->box_height - d->filltop[z][y]; /* i.e. on full graph -> 0 = bottom */
+            }
+            draw_graph(ctx, rectangle , d->draw_from, d->draw_to, *(d->filltop_index[z]), pattern_area,
+                       &(d->filltop_color[z]), d->filltop_pcolor_center[z], d->filltop_pcolor_end[z]);
+        }
     }
 
-    /* draw style = line */
-    for(z = 0; z < d->drawline_total; z++)
+    pattern_area.x = rectangle.x;
+    pattern_area.y = rectangle.y;
+
+    if(d->fillbottom_total)
     {
-        draw_graph_line(ctx,
-                left_offset + 2, margin_top + d->box_height + 1,
-                d->size, d->drawline[z], *(d->drawline_index[z]),
-                &(d->drawline_color[z]), d->drawline_pcolor_center[z], d->drawline_pcolor_end[z]);
+        /* all these fillbottom's have the same setting */
+        if(d->fillbottom_vertical_grad[0])
+        {
+            pattern_area.width = 0;
+            pattern_area.height = -rectangle.height;
+        }
+        else
+        {
+            pattern_area.width = rectangle.width;
+            pattern_area.height = 0;
+        }
+
+        /* draw style = bottom */
+        for(z = 0; z < d->fillbottom_total; z++)
+        {
+            for(y = 0; y < d->size; y++)
+            {
+                /* draw this fillbottom data thing [z]. To the value what is is,
+                 * but from the next lower value of the other values to draw */
+                for(tmp = 0, x = 0; x < d->fillbottom_total; x++)
+                {
+                    if (x == z)
+                        continue;
+
+                    /* FIXME index's are seperate now (since widget_tell) - so
+                     * compare according offsets of the indexes. */
+                    if(d->fillbottom[x][y] > tmp && d->fillbottom[x][y] < d->fillbottom[z][y])
+                        tmp = d->fillbottom[x][y];
+                }
+                d->draw_from[y] = tmp;
+            }
+            draw_graph(ctx, rectangle, d->draw_from, d->fillbottom[z], *(d->fillbottom_index[z]), pattern_area,
+                    &(d->fillbottom_color[z]), d->fillbottom_pcolor_center[z], d->fillbottom_pcolor_end[z]);
+        }
+    }
+
+    if(d->drawline_total)
+    {
+        /* all these drawline's have the same setting */
+        if(d->drawline_vertical_grad[0])
+        {
+            pattern_area.width = 0;
+            pattern_area.height = -rectangle.height;
+        }
+        else
+        {
+            pattern_area.width = rectangle.width;
+            pattern_area.height = 0;
+        }
+
+        /* draw style = line */
+        for(z = 0; z < d->drawline_total; z++)
+        {
+            draw_graph_line(ctx, rectangle, d->drawline[z], *(d->drawline_index[z]), pattern_area,
+                    &(d->drawline_color[z]), d->drawline_pcolor_center[z], d->drawline_pcolor_end[z]);
+        }
     }
 
     widget->area.width = d->width;
@@ -232,7 +295,6 @@ graph_tell(Widget *widget, char *property, char *command)
                     }
                     else
                         d->lines[i][d->index[i]] = (int) (value * d->box_height / d->current_max[i] + 0.5);
-
                 }
                 else /* scale option is false - limit to d->box_height */
                 {
@@ -322,12 +384,15 @@ graph_new(Statusbar *statusbar, cfg_t *config)
     d->filltop_color = p_new(XColor, d->data_items);
     d->filltop_pcolor_center = p_new(XColor *, d->data_items);
     d->filltop_pcolor_end = p_new(XColor *, d->data_items);
+    d->filltop_vertical_grad = p_new(Bool, d->data_items);
     d->fillbottom_color = p_new(XColor, d->data_items);
     d->fillbottom_pcolor_center = p_new(XColor *, d->data_items);
     d->fillbottom_pcolor_end = p_new(XColor *, d->data_items);
+    d->fillbottom_vertical_grad = p_new(Bool, d->data_items);
     d->drawline_color = p_new(XColor, d->data_items);
     d->drawline_pcolor_center = p_new(XColor *, d->data_items);
     d->drawline_pcolor_end = p_new(XColor *, d->data_items);
+    d->drawline_vertical_grad = p_new(Bool, d->data_items);
 
     d->max_index = p_new(int, d->data_items);
     d->index = p_new(int, d->data_items);
@@ -385,6 +450,7 @@ graph_new(Statusbar *statusbar, cfg_t *config)
                 d->fillbottom_color[d->fillbottom_total] = tmp_color;
                 d->fillbottom_pcolor_center[d->fillbottom_total] = ptmp_color_center;
                 d->fillbottom_pcolor_end[d->fillbottom_total] = ptmp_color_end;
+                d->fillbottom_vertical_grad[d->fillbottom_total] = cfg_getbool(cfg, "vertical_gradient");
                 d->fillbottom_total++;
             }
             else if (!a_strncmp(type, "top", sizeof("top")))
@@ -394,6 +460,7 @@ graph_new(Statusbar *statusbar, cfg_t *config)
                 d->filltop_color[d->filltop_total] = tmp_color;
                 d->filltop_pcolor_center[d->filltop_total] = ptmp_color_center;
                 d->filltop_pcolor_end[d->filltop_total] = ptmp_color_end;
+                d->filltop_vertical_grad[d->filltop_total] = cfg_getbool(cfg, "vertical_gradient");
                 d->filltop_total++;
             }
             else if (!a_strncmp(type, "line", sizeof("line")))
@@ -403,6 +470,7 @@ graph_new(Statusbar *statusbar, cfg_t *config)
                 d->drawline_color[d->drawline_total] = tmp_color;
                 d->drawline_pcolor_center[d->drawline_total] = ptmp_color_center;
                 d->drawline_pcolor_end[d->drawline_total] = ptmp_color_end;
+                d->drawline_vertical_grad[d->drawline_total] = cfg_getbool(cfg, "vertical_gradient");
                 d->drawline_total++;
             }
         }