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

Six Color Conic Gradient Patterns

CSS Pattern Code

/* CSS Code */

background: repeating-conic-gradient(from 60deg, #000000 73% 0deg, #00ff00 14% 0deg, #000000 74% 0deg, #ff0000 0% 0deg, #000000 37% 0deg, #ffffff 38% 0deg);

/* end */

CSS Pattern Code

/* CSS Code */

background: repeating-conic-gradient(from 60deg, #000000 10% 0deg, #00fffb 20% 0deg, #000000 30% 0deg, #ff00ea 40% 0deg, #000000 50% 0deg, #ffffff 60% 0deg);

/* end */

CSS Pattern Code

/* CSS Code */

background: repeating-conic-gradient(from 0deg, #ffff00 10% 0deg, #4EABE2 20% 0deg, #ff0000 30% 0deg, #00ff00 40% 0deg, #0000ff 50% 0deg, #000000 60% 0deg);

/* end */

CSS Pattern Code

/* CSS Code */

background: conic-gradient(from 67deg, #E44501 60% 79%, #F9DAA7 68% 315deg, #203AB7 39deg 259deg, #4ABCB1 6deg 148deg, #B2F338 17% 9%, #8092D2 62deg 62deg);

/* end */

CSS Pattern Code

/* CSS Code */

background: conic-gradient(from 224deg, #3B0040 28% 63%, #AEEC7B 32% 239deg, #1AB2F4 206deg 316deg, #D27A29 40% 62%, #C9F95D 117deg 14%, #A40435 22% 8%);

/* end */

CSS Pattern Code

/* CSS Code */

background: conic-gradient(from 204deg, #DB7BA6 186deg 84%, #0A9F14 82% 80%, #103501 10% 88%, #85A3BA 317deg 46deg, #454BEF 15% 16deg, #963C46 254deg 51%);

/* end */

CSS Pattern Code

/* CSS Code */

background: repeating-conic-gradient(from 329deg, #FF7469 179deg 71%, #D62847 339deg 65%, #F4478F 18% 49deg, #EA22AA 55deg 139deg, #C7BEF7 90% 9%, #C8E06C 276deg 83deg);

/* end */

CSS Pattern Code

/* CSS Code */

background: conic-gradient(from 123deg, #ED8BC3 80% 103deg, #17B75A 293deg 43%, #B68DD4 307deg 327deg, #FB2349 83% 11%, #6E1899 85% 159deg, #85C33C 347deg 92%);

/* end */

CSS Pattern Code

/* CSS Code */

background: conic-gradient(from 171deg, #800A04 55deg 11%, #BA83A4 4% 52%, #F19D65 11% 33%, #7FCCCF 122deg 348deg, #65176A 253deg 311deg, #DA131A 35% 61deg);

/* end */

CSS Pattern Code

/* CSS Code */

background: repeating-conic-gradient(from 176deg, #CF9D9B 171deg 58%, #176392 84deg 300deg, #53D868 184deg 38%, #A58D8C 88% 52%, #E31188 31% 44deg, #004404 179deg 284deg);

/* end */

CSS Pattern Code

/* CSS Code */

background: conic-gradient(from 264deg, #213E4B 45% 14%, #547541 90% 87%, #15E5F5 123deg 184deg, #5F4549 11% 13deg, #57A8E3 343deg 108deg, #EF7D20 148deg 62%);

/* end */

CSS Pattern Code

/* CSS Code */

background: repeating-conic-gradient(from 237deg, #1DCF7B 74% 20deg, #3CAAE8 63deg 95deg, #054156 173deg 38%, #281319 355deg 24%, #EAF6C8 36% 26%, #FEAE00 176deg 83%);

/* end */

CSS Pattern Code

/* CSS Code */

background: conic-gradient(from 209deg, #8808FC 36% 42%, #1D6873 37% 108deg, #91F5CC 13deg 13%, #EB8405 32deg 143deg, #EC313B 11% 54deg, #6CCAE7 4% 125deg);

/* end */

CSS Pattern Code

/* CSS Code */

background: conic-gradient(from 177deg, #4F65A0 66% 66%, #8683C3 285deg 94deg, #5BA4B1 242deg 177deg, #745E57 294deg 115deg, #C8653E 3deg 6%, #080D76 70% 173deg);

/* end */

CSS Pattern Code

/* CSS Code */

background: repeating-conic-gradient(from 232deg, #3f4c31 96deg 42%, #c759f9 78% 64%, #938e47 95deg 47%, #cd84bb 62% 73deg, #512b01 87% 82%, #859ce7 56% 10deg);

/* end */

CSS Pattern Code

/* CSS Code */

background: repeating-conic-gradient(from 326deg, #ac6bd6 87% 69%, #2d122d 20% 24deg, #0a0261 85deg 90deg, #482fe0 92% 75deg, #79dc45 86% 19deg, #557ff0 20deg 74%);

/* end */

CSS Pattern Code

/* CSS Code */

background: repeating-conic-gradient(from 144deg, #040100 14% 34%, #61789b 89% 47deg, #8cf219 1deg 67deg, #f8492a 74% 15deg, #a856e3 11% 27deg, #d41ce4 22% 0deg);

/* end */

CSS Pattern Code

/* CSS Code */

background: repeating-conic-gradient(from 177deg, #0050e4 95deg 34%, #2f1671 39deg 47%, #984f21 50deg 62%, #d33ddf 56% 27%, #0052ac 17% 75%, #08a6dd 24% 16deg);

/* end */

CSS Pattern Code

/* CSS Code */

background: conic-gradient(from 224deg, #a7b958 71% 24%, #36725f 80deg 33%, #d49ab1 33% 32%, #a7f614 76deg 89%, #e5bc12 74deg 16%, #095778 73% 53%);

/* end */