Border Radius & Blob Maker | Useful Online Tools

Corner Radii Controls

8-Point Elliptical Radii (%)

Top-Left Horizontal (tlX): 62% Top-Right Horizontal (trX): 38% Bottom-Right Horizontal (brX): 70% Bottom-Left Horizontal (blX): 30% Top-Left Vertical (tlY): 36% Top-Right Vertical (trY): 64% Bottom-Right Vertical (brY): 36% Bottom-Left Vertical (blY): 64%

Box Dimensions & Fill

Shape Size & Gradient Colors

Width: 260px Height: 240px

Gradient Start

Gradient End

Live Shape Stage

Interactive Blob Preview

62% 38% 70% 30% / 36% 64% 36% 64%

CSS border-radius Declaration

width: 260px;
height: 240px;
border-radius: 62% 38% 70% 30% / 36% 64% 36% 64%;
background: linear-gradient(135deg, #7de2d1, #9b81ff);

Related in Images & Design

More tools in this category

View all tools →

Color Palette

Convert between HEX, RGB, HSL, and HWB color formats and verify WCAG contrast ratios.

Image Converter

Convert images between PNG, JPG, and WebP formats locally with adjustable quality.

Image Resizer

Resize images by exact pixel dimensions or percentage scale while preserving aspect ratio.

Image Cropper

Crop, rotate, and flip images using common aspect ratio presets or freeform selection.