Gradient

Blend two colors into a smooth background.

DirectionFirst colorSecond color

See the CSS

.cf-gradient {
  width: 100%;
  min-height: 240px;
  display: grid;
  place-items: center;
  color: #ffffff;
  border-radius: 24px;
  background: linear-gradient(135deg, #315cff 0%, #9cff57 100%);
}