ToolHarbor

Gradient Generator

Generate a CSS linear-gradient string from two colors.

Use the tool

Generate a CSS linear-gradient string from two colors. Paste or enter your input and get instant output.

Result will appear here.

Example usage

Input:

#3B82F6,#EF4444,90

Output:

linear-gradient(90deg, #3B82F6 0%, #EF4444 100%)

How to use

  1. Paste your data into the input panel.
  2. Click the primary action button to process it.
  3. Review the output panel on the right side.
  4. Use Copy to export the result.

Frequently Asked Questions

Is this tool free?

Yes. All ToolHarbor tools are free to use.

Does this tool process data in my browser?

Yes. ToolHarbor tools run in your browser for fast and privacy-friendly usage.

Category navigation

Explore more in Generators or browse the full All Tools index.