Gradient Generator

Point Color
Point Opacity
45

You can send your palettes to Us for checking and adding it to our Online Library

  • Web Code
  • Android Code
  • Flutter Code
  • SVG Code
View {
background-image: linear-gradient(45deg, rgba(253,29,29,0.75) 0%, rgba(58,76,180,1) 100%);
}

Gradients are combination of 2 or more colors that gradually meet and intertwine and create a beautiful state of colors. Adjust the degree of gradient by holding the button inside the circle and rotating it around the axis of the circle. Also, the transparency and position of each color can be adjusted.