Farbverlauf mit CSS 1 2 3 4 5 6 7 8

Diverse ( Beispiele)

• Spotlight
• Corona
• Zirkelkreise
• Blush
• Ringe
• Strahlen
• Rahmen

Spotlight

background: radial-gradient(circle farthest-corner at 50% 50%, #1F7AFA 33%, #FB243F);

background: radial-gradient(circle closest-side at 50% 50%, #EDEC87 13%, #2DCB54);

background: radial-gradient(ellipse farthest-side at 50% 50%, #13C440 41%, #76442E);

background: radial-gradient(circle farthest-corner at 50% 50%, #6592B4 15%, #ECFDD6);

background: radial-gradient(circle farthest-side at 50% 50%, #68936F 29%, #4C0D58);

background: radial-gradient(ellipse farthest-corner at 50% 50%, #77E90D 26%, #413676);

background: radial-gradient(circle farthest-corner at 50% 50%, #258703 16%, #A8746E);

background: radial-gradient(ellipse farthest-corner at 50% 50%, #198A43 37%, #5D82DA);

background: radial-gradient(circle farthest-corner at 50% 50%, #963E85 25%, #5858BB);

background: radial-gradient(ellipse farthest-corner at 50% 50%, #D81B9F 23%, #0C1A66);

background: radial-gradient(ellipse closest-corner at 50% 50%, #5000FF 17%, #8D7AAD);

background: radial-gradient(circle farthest-side at 50% 50%, #E5C694 35%, #4DE554);

background: radial-gradient(circle closest-corner at 50% 50%, #1E112F 45%, #E818D4);

background: radial-gradient(circle farthest-corner at 50% 50%, #8EBCAD 18%, #C7B314);

background: radial-gradient(circle closest-side at 50% 50%, #825120 35%, #7652F8);

background: radial-gradient(circle closest-side at 50% 50%, #53168E 27%, #EC670F);

background: radial-gradient(circle farthest-side at 50% 50%, #9F79FD 35%, #89EA78);

background: radial-gradient(ellipse farthest-side at 50% 50%, #8D14E6 37%, #39BCAA);

background: radial-gradient(ellipse farthest-side at 50% 50%, #C0F1DC 39%, #49B822);

background: radial-gradient(circle farthest-side at 50% 50%, #11D6D3 34%, #BB3CAC);

background: radial-gradient(circle farthest-corner at 50% 50%, #E337A0 15%, #50280C);

background: radial-gradient(ellipse farthest-side at 50% 50%, #F81410 39%, #7891D4);

background: radial-gradient(ellipse closest-side at 50% 50%, #A968A7 24%, #447B6C);

background: radial-gradient(ellipse farthest-side at 50% 50%, #E8A04D 6%, #1BE1AC);

background: radial-gradient(circle farthest-corner at 50% 50%, #951BDA 6%, #3E321F);

background: radial-gradient(circle closest-corner at 50% 50%, #7A0C81 38%, #1D1F72);

Corona

background: radial-gradient(circle closest-corner at 50% 50%, #3A8C41 40%, #1946A2, #5FC10B);

background: radial-gradient(ellipse farthest-side at 50% 50%, #C3A5B9 34%, #F6FAE4, #9FFE9F);

background: radial-gradient(circle farthest-corner at 50% 50%, #7D4851 39%, #3E45F2, #F42EFC);

background: radial-gradient(circle closest-side at 50% 50%, #D850E7 12%, #30BC36, #D02368);

background: radial-gradient(ellipse farthest-corner at 50% 50%, #B3741B 21%, #EB09C4, #439290);

background: radial-gradient(circle farthest-corner at 50% 50%, #41AD8E 35%, #BE3D2C, #10ECF4);

background: radial-gradient(circle farthest-side at 50% 50%, #B10C0C 26%, #7413C5, #0BC0CC);

background: radial-gradient(circle closest-side at 50% 50%, #1DEC19 33%, #5C69B6, #9DD670);

background: radial-gradient(ellipse farthest-side at 50% 50%, #32016A 45%, #8B3A72, #E97A93);

background: radial-gradient(circle farthest-side at 50% 50%, #C3B376 9%, #643473, #75DBD4);

background: radial-gradient(circle closest-corner at 50% 50%, #55F224 33%, #A81549, #20FB40);

background: radial-gradient(ellipse closest-side at 50% 50%, #5F1E5F 5%, #259ED2, #F05A8E);

background: radial-gradient(circle closest-side at 50% 50%, #5D58EC 34%, #9F5032, #CFC987);

background: radial-gradient(ellipse farthest-corner at 50% 50%, #559A2D 36%, #4AEE5F, #4B2751);

background: radial-gradient(circle farthest-side at 50% 50%, #645BF3 6%, #E9F305, #CCAF58);

background: radial-gradient(circle farthest-side at 50% 50%, #C066FB 49%, #49B00C, #1730F3);

background: radial-gradient(circle closest-side at 50% 50%, #C39EDE 44%, #C0CF58, #FA56E3);

background: radial-gradient(circle farthest-side at 50% 50%, #7E5C72 12%, #C0FBFE, #A6BC88);

background: radial-gradient(ellipse farthest-corner at 50% 50%, #C2983A 26%, #D05964, #5F5C49);

background: radial-gradient(ellipse farthest-corner at 50% 50%, #86D702 34%, #734276, #74504A);

background: radial-gradient(circle farthest-corner at 50% 50%, #0F3E65 32%, #669687, #EB8F70);

background: radial-gradient(ellipse closest-corner at 50% 50%, #15C008 3%, #08757E, #71956A);

background: radial-gradient(ellipse farthest-side at 50% 50%, #FE24F0 32%, #0D3D2C, #47B3E9);

background: radial-gradient(ellipse farthest-corner at 50% 50%, #48FDF1 43%, #E7E4EC, #C22AC3);

background: radial-gradient(circle closest-side at 50% 50%, #98537A 8%, #EA6AA7, #5C3036);

background: radial-gradient(ellipse closest-corner at 50% 50%, #913EDF 38%, #7BB3DD, #0BCD9C);

Zirkelkreise

background: repeating-radial-gradient(circle, #ED8242 40%, #19F3E9 50%);

background: repeating-radial-gradient(circle, #59221F 40%, #11C6B0 50%);

background: repeating-radial-gradient(circle, #0221DC 40%, #E6551A 50%);

background: repeating-radial-gradient(circle, #50EDD7 40%, #AE7BCD 50%);

background: repeating-radial-gradient(circle, #F51C0F 40%, #95AD09 50%);

background: repeating-radial-gradient(circle, #68EFD7 40%, #E7BBC8 50%);

background: repeating-radial-gradient(circle, #FC2178 40%, #F58F4B 50%);

background: repeating-radial-gradient(circle, #870B70 40%, #20AFA9 50%);

background: repeating-radial-gradient(circle, #CE3E3B 40%, #6E84A1 50%);

background: repeating-radial-gradient(circle, #A330A3 40%, #8D8555 50%);

background: repeating-radial-gradient(circle, #EACBD7 40%, #CE11D8 50%);

background: repeating-radial-gradient(circle, #DEAE46 40%, #7AE117 50%);

background: repeating-radial-gradient(circle, #41A405 40%, #300D56 50%);

background: repeating-radial-gradient(circle, #0D3591 40%, #5D6B77 50%);

background: repeating-radial-gradient(circle, #29EC54 40%, #FFD854 50%);

background: repeating-radial-gradient(circle, #159A41 40%, #5F68E4 50%);

background: repeating-radial-gradient(circle, #1B5E44 40%, #50E9E0 50%);

background: repeating-radial-gradient(circle, #18B77B 40%, #DD4BB0 50%);

background: repeating-radial-gradient(circle, #0D6441 40%, #C312B1 50%);

background: repeating-radial-gradient(circle, #F2804E 40%, #2E7005 50%);

background: repeating-radial-gradient(circle, #64D1E3 40%, #82CC0C 50%);

background: repeating-radial-gradient(circle, #C93FDF 40%, #31DA9E 50%);

background: repeating-radial-gradient(circle, #B1BE33 40%, #563BF6 50%);

background: repeating-radial-gradient(circle, #44F723 40%, #BD6C2F 50%);

background: repeating-radial-gradient(circle, #72F45D 40%, #EB1C2F 50%);

background: repeating-radial-gradient(circle, #4177E7 40%, #D9EA93 50%);

background: repeating-radial-gradient(circle, #3396EA 40%, #83C2DF 50%);

background: repeating-radial-gradient(circle, #144D57 40%, #AA970E 50%);

background: repeating-radial-gradient(circle, #4BF78D 40%, #CD256F 50%);

background: repeating-radial-gradient(circle, #F63E9C 40%, #1B6CC0 50%);

background: repeating-radial-gradient(circle, #9841AA 40%, #239A4C 50%);

background: repeating-radial-gradient(circle, #CDCCA1 40%, #2F61C4 50%);

background: repeating-radial-gradient(circle, #49CCB7 40%, #8D1E99 50%);

background: repeating-radial-gradient(circle, #8B4EFA 40%, #EA242E 50%);

background: repeating-radial-gradient(circle, #2B3C86 40%, #24CDFA 50%);

background: repeating-radial-gradient(circle, #E71596 40%, #39108A 50%);

background: repeating-radial-gradient(circle, #386C99 40%, #4EDA36 50%);

background: repeating-radial-gradient(circle, #E958F6 40%, #9D3EEC 50%);

background: repeating-radial-gradient(circle, #B4A0FD 40%, #61DF46 50%);

background: repeating-radial-gradient(circle, #EAF6AE 40%, #5A6A4D 50%);

background: repeating-radial-gradient(circle, #65537C 40%, #883F1F 50%);

background: repeating-radial-gradient(circle, #5E4F6E 40%, #B3A03E 50%);

background: repeating-radial-gradient(circle, #4032DF 40%, #15BF9D 50%);

background: repeating-radial-gradient(circle, #305230 40%, #A7027E 50%);

background: repeating-radial-gradient(circle, #AA95C1 40%, #A63E9D 50%);

background: repeating-radial-gradient(circle, #91CF8C 40%, #59CE5F 50%);

background: repeating-radial-gradient(circle, #8DD629 40%, #E0C415 50%);

background: repeating-radial-gradient(circle, #29071B 40%, #F1B6BF 50%);

background: repeating-radial-gradient(circle, #154D39 40%, #4FA61B 50%);

background: repeating-radial-gradient(circle, #06148D 40%, #7F3CE3 50%);

background: repeating-radial-gradient(circle, #5FD20D 40%, #55ACE3 50%);

Blush

background: repeating-radial-gradient(farthest-corner, #B5406A, #6C01BB, #DEDF6C);

background: repeating-radial-gradient(farthest-corner, #3ED660, #ECB489, #56A46A);

background: repeating-radial-gradient(farthest-corner, #6CB7A1, #9BC2B6, #F33306);

background: repeating-radial-gradient(farthest-corner, #BEB712, #79D3BA, #97F4F4);

background: repeating-radial-gradient(farthest-corner, #A67C83, #925EFF, #1BC90C);

background: repeating-radial-gradient(farthest-corner, #BB8082, #CAC15E, #331AD0);

background: repeating-radial-gradient(farthest-corner, #48280C, #CD521D, #CCDA85);

background: repeating-radial-gradient(farthest-corner, #0D0648, #5ABC53, #F760B6);

background: repeating-radial-gradient(farthest-corner, #86B11A, #BCA753, #2FDBAB);

background: repeating-radial-gradient(farthest-corner, #67A14E, #AD82AA, #B376BA);

background: repeating-radial-gradient(farthest-corner, #1C3945, #14DA69, #B47428);

background: repeating-radial-gradient(farthest-corner, #944CD3, #CD1B96, #02DC54);

background: repeating-radial-gradient(farthest-corner, #CEA51B, #8AB523, #A0A4CF);

background: repeating-radial-gradient(farthest-corner, #02A597, #8E1657, #AF44BF);

background: repeating-radial-gradient(farthest-corner, #0C8256, #6E1831, #08ABE0);

background: repeating-radial-gradient(farthest-corner, #8C3C15, #612A97, #852239);

background: repeating-radial-gradient(farthest-corner, #E7613B, #69EF8E, #907FDC);

background: repeating-radial-gradient(farthest-corner, #A275E6, #B1689E, #6D51D0);

background: repeating-radial-gradient(farthest-corner, #5ADE6C, #FBAA38, #777521);

background: repeating-radial-gradient(farthest-corner, #2B6BAB, #42EB1D, #20DB32);

background: repeating-radial-gradient(farthest-corner, #3FBE90, #1D5A97, #3A78C9);

background: repeating-radial-gradient(farthest-corner, #C347CA, #5AE4C0, #54CCED);

background: repeating-radial-gradient(farthest-corner, #F625DB, #F42513, #1D03AC);

background: repeating-radial-gradient(farthest-corner, #9F25A1, #741B02, #03D32A);

background: repeating-radial-gradient(farthest-corner, #ED3F1B, #FE51C3, #BF1ED0);

background: repeating-radial-gradient(farthest-corner, #6CCB76, #5D26AD, #0B3226);

Ringe

background: repeating-radial-gradient(#2C0C30, #2C0C30 5px, #4657AE 5px, #4657AE 10px);

background: repeating-radial-gradient(#F81AAB, #F81AAB 5px, #91539C 5px, #91539C 10px);

background: repeating-radial-gradient(#6062E7, #6062E7 5px, #94C94D 5px, #94C94D 10px);

background: repeating-radial-gradient(#D26B6F, #D26B6F 5px, #FB15E3 5px, #FB15E3 10px);

background: repeating-radial-gradient(#532853, #532853 5px, #5DDC9E 5px, #5DDC9E 10px);

background: repeating-radial-gradient(#73E75B, #73E75B 5px, #DA8300 5px, #DA8300 10px);

background: repeating-radial-gradient(#3CE143, #3CE143 5px, #6176F6 5px, #6176F6 10px);

background: repeating-radial-gradient(#5B9EF9, #5B9EF9 5px, #48C44B 5px, #48C44B 10px);

background: repeating-radial-gradient(#4AFAE3, #4AFAE3 5px, #E65A81 5px, #E65A81 10px);

background: repeating-radial-gradient(#B6C4D0, #B6C4D0 5px, #F2CEC0 5px, #F2CEC0 10px);

background: repeating-radial-gradient(#813D90, #813D90 5px, #5E1A8B 5px, #5E1A8B 10px);

background: repeating-radial-gradient(#A1C207, #A1C207 5px, #5FA33E 5px, #5FA33E 10px);

background: repeating-radial-gradient(#AD2C61, #AD2C61 5px, #83F9C4 5px, #83F9C4 10px);

background: repeating-radial-gradient(#689C48, #689C48 5px, #3E85DE 5px, #3E85DE 10px);

background: repeating-radial-gradient(#C35E74, #C35E74 5px, #BF25A0 5px, #BF25A0 10px);

background: repeating-radial-gradient(#DBA9A4, #DBA9A4 5px, #F4346E 5px, #F4346E 10px);

background: repeating-radial-gradient(#20CC7A, #20CC7A 5px, #0F5864 5px, #0F5864 10px);

background: repeating-radial-gradient(#BC1186, #BC1186 5px, #811C52 5px, #811C52 10px);

background: repeating-radial-gradient(#B1E6A3, #B1E6A3 5px, #75A738 5px, #75A738 10px);

background: repeating-radial-gradient(#680602, #680602 5px, #81AE52 5px, #81AE52 10px);

background: repeating-radial-gradient(#36EFA3, #36EFA3 5px, #94DFA9 5px, #94DFA9 10px);

background: repeating-radial-gradient(#87E3E5, #87E3E5 5px, #1FBFB3 5px, #1FBFB3 10px);

background: repeating-radial-gradient(#40321C, #40321C 5px, #6A67E4 5px, #6A67E4 10px);

background: repeating-radial-gradient(#A3A8FE, #A3A8FE 5px, #2FB138 5px, #2FB138 10px);

background: repeating-radial-gradient(#F3D162, #F3D162 5px, #62A4A5 5px, #62A4A5 10px);

background: repeating-radial-gradient(#3F8735, #3F8735 5px, #E3548F 5px, #E3548F 10px);

Strahlen

background: repeating-conic-gradient(from 237deg at 82% 59%, #3FFA45 0 15deg, #1AD940 0 30deg);

background: repeating-conic-gradient(from 185deg at 20% 32%, #48A41F 0 15deg, #EF9F2F 0 30deg);

background: repeating-conic-gradient(from 216deg at 13% 36%, #FF79EC 0 15deg, #F08466 0 30deg);

background: repeating-conic-gradient(from 33deg at 16% 43%, #6580A1 0 15deg, #066FCB 0 30deg);

background: repeating-conic-gradient(from 82deg at 28% 28%, #4F73BF 0 15deg, #B08C53 0 30deg);

background: repeating-conic-gradient(from 102deg at 50% 45%, #09E936 0 15deg, #740E37 0 30deg);

background: repeating-conic-gradient(from 257deg at 80% 59%, #85B628 0 15deg, #ADAEC9 0 30deg);

background: repeating-conic-gradient(from 66deg at 27% 14%, #EBCC68 0 15deg, #176B7B 0 30deg);

background: repeating-conic-gradient(from 112deg at 17% 12%, #9B1C25 0 15deg, #A3BD70 0 30deg);

background: repeating-conic-gradient(from 42deg at 21% 52%, #FA7162 0 15deg, #C64FD0 0 30deg);

background: repeating-conic-gradient(from 127deg at 13% 33%, #7E099E 0 15deg, #086319 0 30deg);

background: repeating-conic-gradient(from 22deg at 27% 89%, #A9819E 0 15deg, #D689C4 0 30deg);

background: repeating-conic-gradient(from 150deg at 75% 32%, #260329 0 15deg, #4CF5AB 0 30deg);

background: repeating-conic-gradient(from 184deg at 21% 63%, #264FC2 0 15deg, #F32F38 0 30deg);

background: repeating-conic-gradient(from 85deg at 79% 70%, #88B21B 0 15deg, #B60FE9 0 30deg);

background: repeating-conic-gradient(from 220deg at 73% 40%, #5C9677 0 15deg, #C55A59 0 30deg);

background: repeating-conic-gradient(from 201deg at 79% 41%, #DB153E 0 15deg, #F0255C 0 30deg);

background: repeating-conic-gradient(from 155deg at 73% 25%, #B816DF 0 15deg, #4499BD 0 30deg);

background: repeating-conic-gradient(from 108deg at 22% 47%, #6156DB 0 15deg, #E985CE 0 30deg);

background: repeating-conic-gradient(from 271deg at 76% 76%, #239A61 0 15deg, #5DC95C 0 30deg);

background: repeating-conic-gradient(from 242deg at 76% 45%, #7AE897 0 15deg, #2AE375 0 30deg);

background: repeating-conic-gradient(from 127deg at 65% 46%, #4A28B4 0 15deg, #4F455B 0 30deg);

background: repeating-conic-gradient(from 195deg at 63% 83%, #39E386 0 15deg, #B63BAB 0 30deg);

background: repeating-conic-gradient(from 90deg at 14% 12%, #EC9E42 0 15deg, #37CE93 0 30deg);

background: repeating-conic-gradient(from 44deg at 74% 61%, #53192B 0 15deg, #1336F7 0 30deg);

background: repeating-conic-gradient(from 45deg at 34% 65%, #BF49E1 0 15deg, #CFF9A3 0 30deg);

Rahmen

border-image: conic-gradient(#4A4704, #5EC259, #9FC762, #A447FC, #D4356F, #369B3B, #4A4704); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#C6745D, #01CEA9, #121ACE, #8E060D, #292DCD, #06AA38, #C6745D); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#02EEC3, #B32C8C, #D67A12, #ED259C, #5FE29E, #D98FC3, #02EEC3); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#419B57, #ED35F9, #9E47EF, #59C0B4, #FE4D30, #B20063, #419B57); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#4F0782, #D9D00A, #7E1AF8, #4735D5, #ED3137, #37429E, #4F0782); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#BA02EA, #F99061, #1B1809, #89F5F7, #3D22A2, #B5CAFB, #BA02EA); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#3B074D, #241580, #7240C2, #C1433B, #4BFA37, #0A0C29, #3B074D); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#293230, #BE9C6D, #117417, #8C3487, #E26DD5, #7F08C0, #293230); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#C85721, #23C1F7, #78022A, #15FB0E, #B7E8ED, #2AC2BB, #C85721); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#315CB7, #2911E7, #CDD812, #BCF7DB, #2FED87, #5BA018, #315CB7); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#1ED8F9, #65E571, #98F428, #32A76A, #87B4F2, #8D0D65, #1ED8F9); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#EC2530, #6FBF8C, #7EBFE0, #87B1A6, #78B4CE, #A5B73F, #EC2530); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#0FE65B, #3A4B79, #712920, #498336, #196DB5, #45C07C, #0FE65B); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#02FD58, #B39D7A, #4BA87D, #048E3F, #45B6C2, #C85FE2, #02FD58); 
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;

border-image: conic-gradient(#1C9893, #422C13, #A1847D, #DF1B52, #B15EC1, #CCFEEE, #1C9893); 
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;

border-image: conic-gradient(#320541, #F2C3BE, #4E61CD, #824C36, #CEDFEF, #CD322C, #320541); 
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;

border-image: conic-gradient(#A73726, #9C28C6, #58AECD, #056B21, #463ECA, #B2A8C3, #A73726); 
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;

border-image: conic-gradient(#2DBBD5, #EFFD3C, #C5ED79, #3B5E9B, #F9AB9C, #ADD7CF, #2DBBD5); 
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;

border-image: conic-gradient(#088DE6, #0738A9, #8E15E5, #F8629A, #E75D29, #D7377D, #088DE6); 
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;

border-image: conic-gradient(#DA465B, #7F48C2, #32BFF2, #E34A68, #E07E50, #EA1862, #DA465B); 
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;

border-image: conic-gradient(#6FEDA1, #461BAD, #296513, #79CF38, #CE49DF, #5B1685, #6FEDA1); 
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;

border-image: conic-gradient(#1AE3B1, #C29082, #97C483, #8F4F25, #D15115, #3D81F4, #1AE3B1); 
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;

border-image: conic-gradient(#A3C5AF, #821522, #72E860, #99C120, #174211, #CCA1B5, #A3C5AF); 
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;

border-image: conic-gradient(#9A2151, #D33315, #384D59, #532F93, #486292, #A34745, #9A2151); 
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;

border-image: conic-gradient(#FC99CA, #FB486E, #7616BB, #396ACF, #77B576, #9C7378, #FC99CA); 
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;

border-image: conic-gradient(#2111F8, #DFABCF, #80974D, #717BE7, #55C8E3, #EEC9A0, #2111F8); 
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;

border-image: conic-gradient(#09EE11, #64DCDA, #C35A7D, #7A6FED, #B0D52F, #029F21, #09EE11); 
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);

border-image: conic-gradient(#8B71BA, #5EC436, #A995E9, #4F39AC, #CFE315, #D74871, #8B71BA); 
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);

border-image: conic-gradient(#2EF4A6, #6F538B, #4FDD30, #A694E3, #65A7C7, #61531D, #2EF4A6); 
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);

border-image: conic-gradient(#62D559, #3E2178, #F518A9, #2BBD10, #332A2C, #35356A, #62D559); 
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);

border-image: conic-gradient(#B9336B, #F3753D, #AD7236, #09BE31, #C736B4, #28641F, #B9336B); 
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);

border-image: conic-gradient(#C39473, #365AF3, #6E367A, #08B31F, #5AC649, #88248C, #C39473); 
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);

border-image: conic-gradient(#277F6F, #270657, #737A76, #4F6DD5, #950F84, #EAA0F2, #277F6F); 
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);

border-image: conic-gradient(#DCD1D0, #5A15F0, #2E93AD, #65A916, #9E337E, #BB7F6F, #DCD1D0); 
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);

border-image: conic-gradient(#E2A5D0, #B63D42, #F2863A, #5DA07E, #DE6663, #AC5279, #E2A5D0); 
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);

border-image: conic-gradient(#7B460B, #7A4104, #C8252B, #614392, #275AB6, #18E460, #7B460B); 
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);

border-image: conic-gradient(#2A6C7D, #CE36EC, #9CC1CC, #A01A50, #D82CFD, #1049F8, #2A6C7D); 
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);

border-image: conic-gradient(#9FA16C, #518715, #3EFABC, #4BDCE0, #4A0A5D, #0660AE, #9FA16C); 
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);

border-image: conic-gradient(#75FF1C, #2EBB29, #78AFB5, #510B11, #0C61C7, #83C777, #75FF1C); 
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);

Farbverlauf mit CSS - Seite: 1 2 3 4 5 6 7 8