Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.3)
// Compass (v1.0.1)
// ----

@for $i from 0 through 100 {
     $scale: ($i / 100);
    .inview-#{$i} { background:mix(white,black, $i * 1%); }
}

SassMeister-output.css

.inview-0 {
  background: black;
}

.inview-1 {
  background: #020202;
}

.inview-2 {
  background: #050505;
}

.inview-3 {
  background: #070707;
}

.inview-4 {
  background: #0a0a0a;
}

.inview-5 {
  background: #0c0c0c;
}

.inview-6 {
  background: #0f0f0f;
}

.inview-7 {
  background: #111111;
}

.inview-8 {
  background: #141414;
}

.inview-9 {
  background: #161616;
}

.inview-10 {
  background: #191919;
}

.inview-11 {
  background: #1c1c1c;
}

.inview-12 {
  background: #1e1e1e;
}

.inview-13 {
  background: #212121;
}

.inview-14 {
  background: #232323;
}

.inview-15 {
  background: #262626;
}

.inview-16 {
  background: #282828;
}

.inview-17 {
  background: #2b2b2b;
}

.inview-18 {
  background: #2d2d2d;
}

.inview-19 {
  background: #303030;
}

.inview-20 {
  background: #333333;
}

.inview-21 {
  background: #353535;
}

.inview-22 {
  background: #383838;
}

.inview-23 {
  background: #3a3a3a;
}

.inview-24 {
  background: #3d3d3d;
}

.inview-25 {
  background: #3f3f3f;
}

.inview-26 {
  background: #424242;
}

.inview-27 {
  background: #444444;
}

.inview-28 {
  background: #474747;
}

.inview-29 {
  background: #494949;
}

.inview-30 {
  background: #4c4c4c;
}

.inview-31 {
  background: #4f4f4f;
}

.inview-32 {
  background: #515151;
}

.inview-33 {
  background: #545454;
}

.inview-34 {
  background: #565656;
}

.inview-35 {
  background: #595959;
}

.inview-36 {
  background: #5b5b5b;
}

.inview-37 {
  background: #5e5e5e;
}

.inview-38 {
  background: #606060;
}

.inview-39 {
  background: #636363;
}

.inview-40 {
  background: #666666;
}

.inview-41 {
  background: #686868;
}

.inview-42 {
  background: #6b6b6b;
}

.inview-43 {
  background: #6d6d6d;
}

.inview-44 {
  background: #707070;
}

.inview-45 {
  background: #727272;
}

.inview-46 {
  background: #757575;
}

.inview-47 {
  background: #777777;
}

.inview-48 {
  background: #7a7a7a;
}

.inview-49 {
  background: #7c7c7c;
}

.inview-50 {
  background: #7f7f7f;
}

.inview-51 {
  background: #828282;
}

.inview-52 {
  background: #848484;
}

.inview-53 {
  background: #878787;
}

.inview-54 {
  background: #898989;
}

.inview-55 {
  background: #8c8c8c;
}

.inview-56 {
  background: #8e8e8e;
}

.inview-57 {
  background: #919191;
}

.inview-58 {
  background: #939393;
}

.inview-59 {
  background: #969696;
}

.inview-60 {
  background: #999999;
}

.inview-61 {
  background: #9b9b9b;
}

.inview-62 {
  background: #9e9e9e;
}

.inview-63 {
  background: #a0a0a0;
}

.inview-64 {
  background: #a3a3a3;
}

.inview-65 {
  background: #a5a5a5;
}

.inview-66 {
  background: #a8a8a8;
}

.inview-67 {
  background: #aaaaaa;
}

.inview-68 {
  background: #adadad;
}

.inview-69 {
  background: #afafaf;
}

.inview-70 {
  background: #b2b2b2;
}

.inview-71 {
  background: #b5b5b5;
}

.inview-72 {
  background: #b7b7b7;
}

.inview-73 {
  background: #bababa;
}

.inview-74 {
  background: #bcbcbc;
}

.inview-75 {
  background: #bfbfbf;
}

.inview-76 {
  background: #c1c1c1;
}

.inview-77 {
  background: #c4c4c4;
}

.inview-78 {
  background: #c6c6c6;
}

.inview-79 {
  background: #c9c9c9;
}

.inview-80 {
  background: #cccccc;
}

.inview-81 {
  background: #cecece;
}

.inview-82 {
  background: #d1d1d1;
}

.inview-83 {
  background: lightgray;
}

.inview-84 {
  background: #d6d6d6;
}

.inview-85 {
  background: #d8d8d8;
}

.inview-86 {
  background: #dbdbdb;
}

.inview-87 {
  background: #dddddd;
}

.inview-88 {
  background: #e0e0e0;
}

.inview-89 {
  background: #e2e2e2;
}

.inview-90 {
  background: #e5e5e5;
}

.inview-91 {
  background: #e8e8e8;
}

.inview-92 {
  background: #eaeaea;
}

.inview-93 {
  background: #ededed;
}

.inview-94 {
  background: #efefef;
}

.inview-95 {
  background: #f2f2f2;
}

.inview-96 {
  background: #f4f4f4;
}

.inview-97 {
  background: #f7f7f7;
}

.inview-98 {
  background: #f9f9f9;
}

.inview-99 {
  background: #fcfcfc;
}

.inview-100 {
  background: white;
}