FREE TOOL · ON YOUR DEVICE
Free CSS and PNG gradient generator
Create a gradient for your website, a wallpaper or a presentation. You choose the type, the angle and 2 to 8 colours with their positions, and see the result instantly. Copy the CSS or download it as a PNG in desktop, mobile or custom sizes.
- Free with an account
- CSS ready to paste
- PNG up to 4K or custom
- Choose an example or the type
- Adjust the colours
- Copy the CSS or download the PNG
HOW TO USE IT
Three steps.
Choose an example or the type
Start from an example or choose linear, radial or conic, with its angle or centre.
Adjust the colours
Add up to 8 colours, move their positions, space them evenly or reverse them. The preview updates instantly.
Copy the CSS or download the PNG
Copy the code for your stylesheet, or choose a size and press “Download PNG”.
NEXT STEP
Keep going with these tools
Gradient generator: common questions
Does the CSS work in every browser?
Linear and radial gradients work in all current browsers; conic ones work in recent years’ versions of Chrome, Edge, Firefox and Safari.
What is the fine grain for?
It changes each PNG pixel by one level up or down so smooth gradients do not show steps on large screens. The CSS does not change.
How big can the PNG be?
There are desktop, 4K, mobile, square and header sizes, or any size you type, up to 10,000 px per side and 40 megapixels.
Are my images uploaded to a server?
No. The tool runs inside your browser: files are read and processed on your device and are not sent to Cocuyo or to any third party. You can check it in your browser’s network tools: your file is not sent.
Is it really free?
Yes. You can try it before signing up; to keep using it, we ask for a free account, with no subscription. It uses no credits and does not count toward your 30 welcome uses: it has no usage cap.
MORE FREE TOOLS
Other image tools
Remove backgroundTransparent PNG or a white background.JPG and images to PDFCombine JPG, PNG or WebP into one PDF.Compress imageMake JPG, PNG and WebP files smaller.QR code generatorURL, text, WiFi, WhatsApp or email.Image converterOne selector for JPG, PNG, WebP, ICO, BMP, TIFF and supported AVIF.Resize imagePixels, percent or social media sizes.Crop imageFree crop or 1:1, 4:5, 9:16, 16:9 and 3:2.Image to text (OCR)Extract text from photos and screenshots.Passport and ID photo2 × 2 in, 35 × 45 mm and a printable sheet.Compress PNGLighter PNG with a palette of up to 256 colours.Barcode generatorEAN-13, UPC-A, EAN-8 and Code 128 as PNG or SVG.Collage maker2 to 9 photos in one image.WhatsApp stickersTransparent 512 × 512 WebP, up to 30.Signature generatorDraw or type your signature and download a PNG.Image to SVGVectorize logos, icons and drawings.WatermarkText or logo, in a corner or tiled.Rotate and flipRotate 90°, 180° or mirror it.Blur backgroundPortrait effect: sharp subject, blurred background.GIF makerSeveral photos into an animated GIF.Black and whiteB&W, sepia, brightness and contrast.Photo to sketchPencil, coloured pencil, cartoon or pixel art, no AI.WiFi QR codeScan to connect, no typing the password.Photos for your storeUp to 50 photos on a white background.Add border to photoColoured frame, rounded corners or circle, with shadow.Pixelate imageHide faces, plates or personal details.Favicon generatorfavicon.ico and PNGs from 16 to 512 px.WhatsApp QR codeOpens a chat with you when scanned.Carousel splitterPanoramas into numbered pieces.Product shadowSoft, hard or floating shadow.Image to Base64Data URI for HTML and CSS.Remove EXIF and GPSDelete location, camera and date.Photo sharpeningEmphasize edges and enlarge ×2 without AI.Design editorText, photos and shapes in an editable design.
All free tools
Extract audio from videoYour video’s sound as an MP3 (MP4 to MP3).Trim videoKeep only the part you want.Compress videoSmaller files for WhatsApp, email or web.Convert videoMOV, MKV or WebM to MP4, or to WebM for the web.Video to GIFA moment of your video as an animated GIF.Merge videosJoin 2 to 10 clips into one.Video speed0.25× to 4×, with or without pitch.Rotate video90°, 180° and mirror, sound kept.Auto subtitlesSpeech to text, SRT, VTT and animated styles.Music on a videoReplace or mix, with fades.Photos to videoSlideshow with fades and music.Mute a videoThe same video, without audio.Video to 9:16, 1:1 or 16:9For TikTok, Reels, Instagram or YouTube.Crop videoRemove borders or switch to 9:16, 1:1 or 4:5 by choosing the area.Video watermarkYour logo or some text in the position you choose.GIF to MP4Turn the animation into a video to share.Reverse videoPlay it backwards or there and back.Video to framesOne image every N seconds, in a ZIP.Remove silencesCut the pauses out of a talking video.Face-follow vertical videoFrom 16:9 to 9:16 without cutting people.Retro video effectsVHS, old TV, glitch and more.Animated titlesA title that animates in and out.Webcam testLive image, resolution and frames per second.Object in a fixed shotClean background patch, fixed camera only.Resize and sharpen videoInterpolation and gentle sharpening, up to 1080p.Video montageTrim and order clips; save the project to continue later.Convert subtitles (SRT, VTT, SBV, ASS)Convert existing subtitles without choosing a video.Screen recorderRecord a screen, window or tab locally.MP3 cutter and ringtone makerCut with the waveform in view, make ringtones.Transcribe to textSpeech to text: TXT in paragraphs or timed, and SRT.Audio converterMP3, WAV, FLAC and, if your browser can, OGG and M4A.Merge audio filesSeveral files in one, with a pause or crossfade.TunerGuitar, bass, ukulele and violin with your microphone.Boost volumeNormalise or add decibels without distortion.MetronomeFrom 20 to 300 BPM, time signatures and subdivisions.Microphone testLive level, clipping and a 5-second recording.Remove noiseSteady hum, fan or hiss.Change pitch and tempoShift semitones up or down and change the speed.Podcast audiogramYour audio as a video with a moving waveform.BPM detectorTempo of a song and manual tap tempo.Audio equalizer10 bands, bass boost and clearer voice.Tone generatorTones from 20 Hz to 20 kHz, noise and sweeps.Synthesized soundsBeep, whoosh, impact, rain, riser and click.Record voiceRecord a take to edit or transcribe.Merge PDFCombine several PDFs into one, in your order.Compress PDFSmaller PDFs with photos or scans.PDF to JPG, PNG or WebPEvery page as a JPG or PNG image.Sign PDFDraw, type or upload your signature and place it.Split PDFSplit by ranges or extract pages.Scan documentStraighten a photo of a page and save it as PDF.Rotate & reorder PDFRotate, reorder or remove pages.Extract PDF textGet a TXT copy to review your document.Edit PDFAdd text, highlights and drawings.Number PDF pagesStarting number, format and position.PDF watermarkText with size, angle and opacity.Protect PDFOpening password and AES-256 encryption.Unlock PDFKnown password and permission to decrypt.Searchable PDF OCRLocal multipage OCR in Spanish and English.Redact PDFBlack areas on rebuilt pages.Compare PDFsText and image report per page.Fill PDF formAcroForm fields and optional flattening.Fancy textOver 30 Unicode styles for your bio or messages.Password generatorRandom, with the length and characters you choose.Word and character counterWords, characters and limits per network.Nickname generatorNames for games and social media, with styles and decorations.Emoji and symbolsSearch in English or Spanish and copy with a tap.Case converterUPPERCASE, lowercase, sentence case…Typing testMeasure your words per minute and accuracy.Numbers to wordsAmounts in words for checks and invoices.Click speed testCount your clicks per second over 1 to 60 s.WhatsApp linkwa.me with your number and a pre-filled message.Remove extra spacesDouble spaces, blank lines and invisibles.Compare textsReview two versions of a script or brief.Reverse textReverse, flip, mirror or repeat any text.Format and validate JSONRead JSON with large numbers and repeated keys visible.Binary converterBinary, octal, decimal, hex and text.JSON to CSV and CSV to JSONPrepare tables and data for a design or review.Lorem ipsum generatorPlaceholder text in Latin or Spanish.Base64 for textTransport UTF-8 text without losing characters.Regex testerHighlighted matches, groups and replace.Encode and decode URLEscape characters in the correct context.UUID v4 generatorCreate random identifiers for your work.Unix timestampEpoch to date and date to epoch, in seconds or ms.Calculate hash (MD5, SHA-256)MD5, SHA-1 and SHA-256 to check downloads.XML sitemap generatorPrepare XML from URLs you provide.Word (DOCX/ODT) to PDFRebuild DOCX or ODT text, tables and images as a PDF with selectable text.Free resume builderFill in your CV section by section and download it as PDF or Word.Invoice generatorInvoices, quotes and receipts in PDF.Excel to PDFTurn XLSX, XLS, ODS, CSV or TSV sheets into PDF tables with real text.JPG to Word (OCR)Read the text in photos and scans and create an editable DOCX.Excel and CSVConvert XLSX, XLS or ODS to CSV per sheet, or CSV/TSV to XLSX string cells.PDF to editable WordExtract PDF text into an editable DOCX organised by page.PDF to reviewable ExcelGroup text by position to review columns and create XLSX.PowerPoint to PDFRebuild PPTX slides with text, tables and images.PDF to PowerPointCreate PPTX with one image for each PDF page.TXT to PDFTurn notes and plain text into a PDF with searchable text.HTML content to PDFCreate a PDF with selectable text, tables and embedded images from HTML.Markdown to PDFLay out Markdown headings, text, lists, code and tables as a real-text PDF.Online calculatorBasic and scientific, with memory and history.TimerCountdown with an alarm, even in another tab.Percentage calculatorX% of Y, what percent, increases and discounts.Age calculatorExact age in years, months and days.Unit converterLength, weight, temperature, volume and more.StopwatchHundredths of a second, laps and CSV download.Random numberRandom numbers in the range you choose.Spin the wheelSpin a wheel with your names or options.BMI calculatorBMI with the WHO categories for adults.Loan calculatorPayment, interest and amortization table.Rule of threeDirect, inverse and compound, step by step.Days between datesDays, weeks and working days between dates.VAT calculatorAdd or remove tax, discounts and tips.Compound interestSavings with contributions, table and chart.Calorie calculatorCalories to maintain, lose or gain weight.Pregnancy calculatorWeeks of pregnancy and estimated due date.Average calculatorMean, weighted, median and mode of your grades.Random name pickerWinners, alternates and random teams.Flip a coinFlip one coin or up to 100 at once.PomodoroWork blocks and breaks with an alert.Fraction calculatorAdd, subtract, multiply and divide with steps.Roll dice1 to 10 dice from 4 to 100 sides, with a sum.Ovulation calculatorEstimated ovulation and fertile days per cycle.Time zone converterCompare the time in several cities at once.
WHEN YOU WANT TO CREATE
Make new images with AI.
Cocuyo’s Studio brings 30+ AI models for image, video and voice together. You see the credit cost before generating, and credits never expire.