Cacher is the code snippet organizer for pro developers

.element {
  background: linear-gradient(135deg, #234474 0%, #234474 20%, #3b8da8 20%, #3b8da8 100%) !important;
}

.three-colors {
  background: linear-gradient(135deg, #234474 0%, #234474 20%, #3b8da8 20%, #3b8da8 80%, #ffffff 80%, #ffffff 100%);
}

// you can create multiple shapes by layering gradients and using transparency to allow other layers to show through