Tutorials

KodeKite Tools

Code Editors
Animations Generator
Web Design Generators
HTML Form Generator
Solid Color Generators
CSS Code Generators
Neumorphism Generator
Math Algebra Calculators

KodeKite Tools

Animations Generator
Web Design Generators
HTML Form Generator
Solid Color Generators
CSS Code Generators
Neumorphism Generator
Math Algebra Calculators
Java GUI Generators
HTML Code Generators
Math Geometry Calculators
Radial Gradient Color Generators
Timer Generator With Code
Mesh Gradients Generators
Password Generators
Code Minifier Generator
Code Beautifier Generator
SQL Table Generator
CSS Shapes Generator
Color Shades Generator
Color Snippet Generators
Linear Gradient Color Generators
Date Calculators
Conic Gradient Color Generators
Web Elements Color Tester
Linear Gradients Pattern Generators
Radial Gradients Pattern Generators
Conic Gradients Pattern Generators
SVG Code Generators
Flexbox Code Generators
Background Effects Generator
Dummy Text Generator
Typing Tools
Words Counter
Letters Counter
Paragraphs Counter
Numbers System Conversion
Table Generator
React Design Generators
Color Palette Generators
Color Converters
PHP Code Generators
Slug Generator
Encryption Decryption
Encode Decode
logo

Color

Pattern

Two Color Conic Gradient Patterns

CSS Pattern Code

/* CSS Code */

background: repeating-conic-gradient(from 90deg, #e60588 8% 8%, #ff0000 20% 20%);

/* end */

CSS Pattern Code

/* CSS Code */

background: repeating-conic-gradient(from 90deg, #00ff00 6% 10%, #800080 20% 10%);

/* end */

CSS Pattern Code

/* CSS Code */

background: repeating-conic-gradient(from 90deg, #e60588 2% 2%, #00ffff 20% 20%);

/* end */

CSS Pattern Code

/* CSS Code */

background: repeating-conic-gradient(from 90deg, #e60588 8% 8%, #800080 22% 22%);

/* end */

CSS Pattern Code

/* CSS Code */

background: repeating-conic-gradient(from 90deg, #87e316 21% 8%, #0fd7ff 22% 22%);

/* end */

CSS Pattern Code

/* CSS Code */

background: repeating-conic-gradient(from 90deg, #e60588 8% 8%, #ff0000 22% 22%);

/* end */

CSS Pattern Code

/* CSS Code */

background: repeating-conic-gradient(from 188deg, #2AE4AC 142deg 54%, #60258C 68deg 88%);

/* end */

CSS Pattern Code

/* CSS Code */

background: repeating-conic-gradient(from 75deg, #07F8A4 81deg 142deg, #812835 25% 280deg);

/* end */

CSS Pattern Code

/* CSS Code */

background: repeating-conic-gradient(from 171deg, #8D4FCA 166deg 328deg, #622870 41deg 96%);

/* end */

CSS Pattern Code

/* CSS Code */

background: conic-gradient(from 286deg, #1C046D 63% 72%, #7794E1 90% 269deg);

/* end */

CSS Pattern Code

/* CSS Code */

background: repeating-conic-gradient(from 246deg, #6B32F4 250deg 95deg, #1B558A 353deg 61deg);

/* end */

CSS Pattern Code

/* CSS Code */

background: conic-gradient(from 123deg, #B05E9F 50% 229deg, #0B98F3 9deg 30deg);

/* end */

CSS Pattern Code

/* CSS Code */

background: conic-gradient(from 127deg, #94D2A9 109deg 269deg, #A1B42D 190deg 197deg);

/* end */

CSS Pattern Code

/* CSS Code */

background: conic-gradient(from 234deg, #5BDB75 145deg 69%, #765C48 48deg 257deg);

/* end */

CSS Pattern Code

/* CSS Code */

background: conic-gradient(from 320deg, #1406B1 30% 236deg, #2E8FC3 26% 71%);

/* end */

CSS Pattern Code

/* CSS Code */

background: conic-gradient(from 301deg, #447915 296deg 91deg, #12B560 64% 240deg);

/* end */

CSS Pattern Code

/* CSS Code */

background: repeating-conic-gradient(from 84deg, #08160A 133deg 127deg, #D592B1 49% 61%);

/* end */

CSS Pattern Code

/* CSS Code */

background: conic-gradient(from 94deg, #FC63F9 30% 301deg, #42A9BD 106deg 30deg);

/* end */

CSS Pattern Code

/* CSS Code */

background: conic-gradient(from 266deg, #a64e70 80deg 58deg, #c99959 84% 3%);

/* end */