SVG generator for repeating shapes
Global settings ↓
Start Shape ↓
End Shape ↓
Just select options for a shape type, a number of shape repeats and then attributes for the starting and end shapes. This tool will then automagically create a number of repeated shapes that interpolate between your starting and end shapes.
When you're happy, just copy the SVG code or save as an SVG file to use in your designs.
🙌 This tool is made possible thanks in part to chroma.js, which makes it easy to manipulate color values.