Build a CSS gradient from any two colors — copy the code or share the link
CSS gradients are a fundamental tool in modern web design — they create smooth transitions between colors without images, scale to any resolution, and are fully composable with other CSS properties. A linear gradient transitions along a straight line at any angle. A radial gradient expands outward from a central point. A conic gradient sweeps around a center like the hands of a clock — useful for pie charts, color wheels, and decorative borders.
One subtlety worth knowing: browsers by default interpolate gradients through the sRGB color space, which can produce a "grey muddy middle" on gradients between complementary colors (e.g. red to green). The color-interpolation-method property in modern CSS allows interpolation through perceptually uniform spaces like OKLab, which produces more visually even gradients.
How to use: Set your start and end colors using the sliders or hex inputs. Choose gradient type and angle. Copy the CSS with one click. The URL updates automatically — share it to preserve your exact gradient settings.