Generated by SassMeister.com.

SassMeister-input-HTML.html

<div>linear-gradient-average</div>

SassMeister-input.scss

// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// Bourbon (v3.2.0.beta.1.a)
// ----

@import "bourbon/bourbon";

@mixin linear-gradient-average($pos: null, $G1: null, $percent: 30%, $fallback: null) {
  $pos-type: type-of(nth($pos, 1));
  @if ($pos-type == color) or (nth($pos, 1) == "transparent")  {
    $percent: $G1; $G1: $pos; $pos: null;
  }
  @include linear-gradient($pos, lighten($G1, $percent), darken($G1, $percent), $fallback);
}

div {
  width: 600px;
  height: 200px;
  @include linear-gradient-average(blue, 25%);
}

SassMeister-output.css

div {
  width: 600px;
  height: 200px;
  background-color: #8080ff;
  background-image: -webkit-linear-gradient(#8080ff, navy);
  background-image: linear-gradient(#8080ff, navy);
}

SassMeister-rendered.html

<div>linear-gradient-average</div>