@mixin linear-gradient($from, $to) {
  background: $from;
  background: -moz-linear-gradient(to right, $from, $to);
  background: -webkit-linear-gradient(to right, $from, $to);
  background: -o-linear-gradient(to right, $from, $to);
  background: linear-gradient(to right, $from, $to);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#{$from}, endColorstr=#{$to});
}

.gradient1 {
  @include linear-gradient(#293681, #D0E7E6);
}
.gradient2 {
  @include linear-gradient(#D0E7E6, #F2A93C);
}
.gradient3 {
  @include linear-gradient(#2cb7ff, #293681);
}
.gradient4 {
  @include linear-gradient(#009646, #62de04);
}

.gradientInstra {
  @include linear-gradient(#ffc107, #9c27b0);
}