Farbverlauf mit CSS 1 2 3 4 5 6 7 8

Diverse ( Beispiele)

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

Spotlight

background: radial-gradient(ellipse farthest-side at 50% 50%, #7E9826 15%, #5482C7);

background: radial-gradient(circle closest-corner at 50% 50%, #C9467F 48%, #B0A442);

background: radial-gradient(circle closest-corner at 50% 50%, #BBAA96 20%, #4AA86E);

background: radial-gradient(ellipse farthest-side at 50% 50%, #60FF62 34%, #436EC9);

background: radial-gradient(circle closest-corner at 50% 50%, #6AE609 6%, #CED730);

background: radial-gradient(ellipse closest-side at 50% 50%, #FE010B 39%, #FCF0D5);

background: radial-gradient(ellipse closest-side at 50% 50%, #A27E61 18%, #E018E8);

background: radial-gradient(circle farthest-corner at 50% 50%, #B22FBE 5%, #152305);

background: radial-gradient(circle farthest-corner at 50% 50%, #048D6C 12%, #8778A8);

background: radial-gradient(circle closest-side at 50% 50%, #A84BAD 12%, #B8BC9D);

background: radial-gradient(circle farthest-corner at 50% 50%, #9CB9F3 48%, #F3381F);

background: radial-gradient(circle farthest-side at 50% 50%, #15A36E 45%, #7F4CF0);

background: radial-gradient(circle farthest-side at 50% 50%, #695265 26%, #E45620);

background: radial-gradient(ellipse farthest-side at 50% 50%, #54224C 23%, #6296AB);

background: radial-gradient(circle closest-side at 50% 50%, #2EEA33 36%, #375F9D);

background: radial-gradient(circle closest-side at 50% 50%, #DF6E06 35%, #7B5C4A);

background: radial-gradient(ellipse farthest-corner at 50% 50%, #A516E0 45%, #EE63F6);

background: radial-gradient(ellipse farthest-corner at 50% 50%, #E9A879 42%, #46E923);

background: radial-gradient(circle closest-corner at 50% 50%, #D22A38 49%, #8E4A14);

background: radial-gradient(ellipse closest-corner at 50% 50%, #1AD83D 38%, #1A6A3F);

background: radial-gradient(circle farthest-side at 50% 50%, #F7D06F 34%, #24A4ED);

background: radial-gradient(ellipse farthest-side at 50% 50%, #BED525 30%, #B68C85);

background: radial-gradient(ellipse farthest-corner at 50% 50%, #89868E 16%, #C90F5D);

background: radial-gradient(ellipse closest-corner at 50% 50%, #DF1F75 11%, #9FE400);

background: radial-gradient(ellipse farthest-side at 50% 50%, #AA88A2 48%, #414985);

background: radial-gradient(circle farthest-corner at 50% 50%, #53D4BD 25%, #BC3424);

Corona

background: radial-gradient(circle closest-side at 50% 50%, #37E835 19%, #AEAA7E, #D8438D);

background: radial-gradient(circle farthest-side at 50% 50%, #859B5F 5%, #E1F265, #BB6982);

background: radial-gradient(circle closest-corner at 50% 50%, #EB5265 30%, #75C637, #1ECAD1);

background: radial-gradient(ellipse closest-side at 50% 50%, #B995C2 22%, #A74F5A, #702F17);

background: radial-gradient(circle farthest-corner at 50% 50%, #DEFFC3 1%, #A2DC99, #D6783B);

background: radial-gradient(ellipse farthest-side at 50% 50%, #2B6DF8 42%, #6D4E88, #879456);

background: radial-gradient(circle closest-corner at 50% 50%, #3BC5B3 10%, #6CDCAF, #39C2D0);

background: radial-gradient(ellipse closest-side at 50% 50%, #18BA2B 40%, #7E92C0, #C61072);

background: radial-gradient(circle closest-side at 50% 50%, #497C54 33%, #6B900A, #FA0ABA);

background: radial-gradient(circle closest-corner at 50% 50%, #62F1B4 43%, #E23D05, #98662B);

background: radial-gradient(ellipse farthest-corner at 50% 50%, #7AE2AD 37%, #2FA383, #F2810B);

background: radial-gradient(ellipse closest-side at 50% 50%, #DBE5D8 11%, #4C2209, #D152AE);

background: radial-gradient(ellipse farthest-corner at 50% 50%, #7892C6 4%, #D49446, #B480D5);

background: radial-gradient(ellipse closest-corner at 50% 50%, #9BB2EF 18%, #59A075, #37006F);

background: radial-gradient(circle farthest-side at 50% 50%, #F9CFEB 7%, #B0375C, #FE794E);

background: radial-gradient(circle farthest-side at 50% 50%, #C70B72 12%, #B35443, #AC3BCD);

background: radial-gradient(circle farthest-corner at 50% 50%, #06B278 21%, #E2E942, #E716BC);

background: radial-gradient(circle farthest-corner at 50% 50%, #25EA4F 34%, #64BA8F, #87BA27);

background: radial-gradient(ellipse farthest-corner at 50% 50%, #B336A2 22%, #5A342C, #24A2F2);

background: radial-gradient(ellipse closest-side at 50% 50%, #227B74 33%, #F12BBB, #A7F383);

background: radial-gradient(circle closest-corner at 50% 50%, #36BE1C 33%, #E04BAB, #3E9418);

background: radial-gradient(circle farthest-side at 50% 50%, #558904 22%, #01332C, #D97361);

background: radial-gradient(circle farthest-corner at 50% 50%, #205253 2%, #3856CC, #0B7BC1);

background: radial-gradient(ellipse closest-side at 50% 50%, #D25ACB 7%, #E95A46, #10DA7F);

background: radial-gradient(circle closest-side at 50% 50%, #1571F4 1%, #2F46C2, #385D8F);

background: radial-gradient(circle farthest-side at 50% 50%, #CB4B28 46%, #029F61, #5B9936);

Zirkelkreise

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

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

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

background: repeating-radial-gradient(circle, #723FCC 40%, #A57853 50%);

background: repeating-radial-gradient(circle, #C07DDE 40%, #09B147 50%);

background: repeating-radial-gradient(circle, #E30383 40%, #3CA52E 50%);

background: repeating-radial-gradient(circle, #DB5BD3 40%, #BABA35 50%);

background: repeating-radial-gradient(circle, #B444B1 40%, #3DFAD9 50%);

background: repeating-radial-gradient(circle, #26E14C 40%, #F7E7D0 50%);

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

background: repeating-radial-gradient(circle, #74CE47 40%, #3B3A4A 50%);

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

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

background: repeating-radial-gradient(circle, #F5DCB7 40%, #59E5CA 50%);

background: repeating-radial-gradient(circle, #922EF8 40%, #C7EEF5 50%);

background: repeating-radial-gradient(circle, #EC5B44 40%, #BD9AB2 50%);

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

background: repeating-radial-gradient(circle, #82A6AA 40%, #DF81E3 50%);

background: repeating-radial-gradient(circle, #2B2D44 40%, #7F9615 50%);

background: repeating-radial-gradient(circle, #FEB483 40%, #23B9F9 50%);

background: repeating-radial-gradient(circle, #85E648 40%, #2606DE 50%);

background: repeating-radial-gradient(circle, #21606C 40%, #FE6FC1 50%);

background: repeating-radial-gradient(circle, #AB1D5E 40%, #BA3517 50%);

background: repeating-radial-gradient(circle, #11714C 40%, #72BAAE 50%);

background: repeating-radial-gradient(circle, #0A2BA0 40%, #9BDA45 50%);

background: repeating-radial-gradient(circle, #6BD933 40%, #0DE18F 50%);

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

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

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

background: repeating-radial-gradient(circle, #F4BBDF 40%, #544176 50%);

background: repeating-radial-gradient(circle, #B75593 40%, #159F43 50%);

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

background: repeating-radial-gradient(circle, #D2CA2A 40%, #154988 50%);

background: repeating-radial-gradient(circle, #433EEC 40%, #452B0A 50%);

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

background: repeating-radial-gradient(circle, #E6381C 40%, #C29BCD 50%);

background: repeating-radial-gradient(circle, #00F968 40%, #BD1A84 50%);

background: repeating-radial-gradient(circle, #2CCCC6 40%, #123EDE 50%);

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

background: repeating-radial-gradient(circle, #DDBEEB 40%, #C9EB57 50%);

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

background: repeating-radial-gradient(circle, #70EF8B 40%, #05DA08 50%);

background: repeating-radial-gradient(circle, #4C5C61 40%, #5838C9 50%);

background: repeating-radial-gradient(circle, #F7EE4D 40%, #D91E75 50%);

background: repeating-radial-gradient(circle, #0F1D67 40%, #8C7263 50%);

background: repeating-radial-gradient(circle, #E29EDC 40%, #6615C8 50%);

background: repeating-radial-gradient(circle, #F03734 40%, #FAB8E7 50%);

background: repeating-radial-gradient(circle, #660658 40%, #F69D5C 50%);

background: repeating-radial-gradient(circle, #747A9C 40%, #DA78BB 50%);

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

background: repeating-radial-gradient(circle, #F25DB7 40%, #B58366 50%);

Blush

background: repeating-radial-gradient(farthest-corner, #294AFD, #79A51D, #89B690);

background: repeating-radial-gradient(farthest-corner, #2C446B, #F70240, #B0B232);

background: repeating-radial-gradient(farthest-corner, #6A9AB6, #069DBB, #FAD005);

background: repeating-radial-gradient(farthest-corner, #60E155, #6C7769, #4B0CE0);

background: repeating-radial-gradient(farthest-corner, #2359AB, #A18C38, #124724);

background: repeating-radial-gradient(farthest-corner, #8171F5, #A2AF6C, #D9751A);

background: repeating-radial-gradient(farthest-corner, #0CEF0B, #55A68B, #FF6CD0);

background: repeating-radial-gradient(farthest-corner, #2C59C8, #6CAA1B, #7FF9DC);

background: repeating-radial-gradient(farthest-corner, #84C9D1, #F28B98, #4D2F28);

background: repeating-radial-gradient(farthest-corner, #9830AC, #F92DB3, #513941);

background: repeating-radial-gradient(farthest-corner, #C1EECB, #C9C4D7, #9B6573);

background: repeating-radial-gradient(farthest-corner, #8C666C, #54427D, #15971F);

background: repeating-radial-gradient(farthest-corner, #40886F, #32264A, #1858BB);

background: repeating-radial-gradient(farthest-corner, #A3AF17, #643314, #C77AC1);

background: repeating-radial-gradient(farthest-corner, #2435FE, #091B61, #3D7F9F);

background: repeating-radial-gradient(farthest-corner, #D3853F, #DFDA6C, #73A67F);

background: repeating-radial-gradient(farthest-corner, #D71FD1, #AD7D60, #90D596);

background: repeating-radial-gradient(farthest-corner, #4F6A70, #00721F, #FB5E8C);

background: repeating-radial-gradient(farthest-corner, #C1181E, #8E976D, #E26125);

background: repeating-radial-gradient(farthest-corner, #23E7C3, #0D9708, #4CACFF);

background: repeating-radial-gradient(farthest-corner, #A50618, #EE8608, #3E215C);

background: repeating-radial-gradient(farthest-corner, #4D14C5, #B8C067, #E73880);

background: repeating-radial-gradient(farthest-corner, #D5F6E6, #48BF66, #DCE4AB);

background: repeating-radial-gradient(farthest-corner, #394B6D, #85EA0E, #659406);

background: repeating-radial-gradient(farthest-corner, #D400E8, #807F1A, #2300C7);

background: repeating-radial-gradient(farthest-corner, #977FFD, #5F1EB9, #D30D11);

Ringe

background: repeating-radial-gradient(#5D0D6B, #5D0D6B 5px, #D23F63 5px, #D23F63 10px);

background: repeating-radial-gradient(#1DC8E9, #1DC8E9 5px, #7FD0E0 5px, #7FD0E0 10px);

background: repeating-radial-gradient(#4E1514, #4E1514 5px, #36BFE6 5px, #36BFE6 10px);

background: repeating-radial-gradient(#6C0AAE, #6C0AAE 5px, #8090E6 5px, #8090E6 10px);

background: repeating-radial-gradient(#80FCB0, #80FCB0 5px, #1BD608 5px, #1BD608 10px);

background: repeating-radial-gradient(#421E0D, #421E0D 5px, #4F6A0B 5px, #4F6A0B 10px);

background: repeating-radial-gradient(#977053, #977053 5px, #EE6D08 5px, #EE6D08 10px);

background: repeating-radial-gradient(#25FF34, #25FF34 5px, #9D1C1C 5px, #9D1C1C 10px);

background: repeating-radial-gradient(#B85161, #B85161 5px, #A960BA 5px, #A960BA 10px);

background: repeating-radial-gradient(#4F0C91, #4F0C91 5px, #D93154 5px, #D93154 10px);

background: repeating-radial-gradient(#844432, #844432 5px, #58BF4A 5px, #58BF4A 10px);

background: repeating-radial-gradient(#E18C56, #E18C56 5px, #100D76 5px, #100D76 10px);

background: repeating-radial-gradient(#77EECE, #77EECE 5px, #F4DF52 5px, #F4DF52 10px);

background: repeating-radial-gradient(#118B7C, #118B7C 5px, #6156B1 5px, #6156B1 10px);

background: repeating-radial-gradient(#1F052A, #1F052A 5px, #CDBC0F 5px, #CDBC0F 10px);

background: repeating-radial-gradient(#C2C21A, #C2C21A 5px, #C021CA 5px, #C021CA 10px);

background: repeating-radial-gradient(#49AED5, #49AED5 5px, #51726F 5px, #51726F 10px);

background: repeating-radial-gradient(#1E7B04, #1E7B04 5px, #E82751 5px, #E82751 10px);

background: repeating-radial-gradient(#8008DB, #8008DB 5px, #349645 5px, #349645 10px);

background: repeating-radial-gradient(#667035, #667035 5px, #F757B0 5px, #F757B0 10px);

background: repeating-radial-gradient(#0170D3, #0170D3 5px, #DE5914 5px, #DE5914 10px);

background: repeating-radial-gradient(#F55A07, #F55A07 5px, #570A81 5px, #570A81 10px);

background: repeating-radial-gradient(#DD66CF, #DD66CF 5px, #A6A8AE 5px, #A6A8AE 10px);

background: repeating-radial-gradient(#982BF0, #982BF0 5px, #43A0C1 5px, #43A0C1 10px);

background: repeating-radial-gradient(#D99C1A, #D99C1A 5px, #902A17 5px, #902A17 10px);

background: repeating-radial-gradient(#7A4D7A, #7A4D7A 5px, #529F59 5px, #529F59 10px);

Strahlen

background: repeating-conic-gradient(from 75deg at 83% 60%, #A97462 0 15deg, #7B1284 0 30deg);

background: repeating-conic-gradient(from 58deg at 73% 40%, #9A506D 0 15deg, #0042F2 0 30deg);

background: repeating-conic-gradient(from 94deg at 22% 61%, #3D3AE8 0 15deg, #7305C3 0 30deg);

background: repeating-conic-gradient(from 35deg at 23% 60%, #EEE5D6 0 15deg, #257811 0 30deg);

background: repeating-conic-gradient(from 275deg at 65% 28%, #DC718A 0 15deg, #2B6E8E 0 30deg);

background: repeating-conic-gradient(from 126deg at 28% 16%, #C52CA8 0 15deg, #C77F68 0 30deg);

background: repeating-conic-gradient(from 206deg at 21% 43%, #FC2DE8 0 15deg, #3C3CAC 0 30deg);

background: repeating-conic-gradient(from 234deg at 44% 80%, #168B44 0 15deg, #F394F0 0 30deg);

background: repeating-conic-gradient(from 160deg at 37% 37%, #546216 0 15deg, #00A38C 0 30deg);

background: repeating-conic-gradient(from 29deg at 24% 86%, #9FC393 0 15deg, #821102 0 30deg);

background: repeating-conic-gradient(from 25deg at 83% 18%, #24EA03 0 15deg, #9E619E 0 30deg);

background: repeating-conic-gradient(from 196deg at 85% 50%, #490802 0 15deg, #DF0AB7 0 30deg);

background: repeating-conic-gradient(from 98deg at 18% 10%, #CD104F 0 15deg, #8C5B4D 0 30deg);

background: repeating-conic-gradient(from 157deg at 76% 71%, #647375 0 15deg, #9A38AF 0 30deg);

background: repeating-conic-gradient(from 187deg at 40% 77%, #D522FD 0 15deg, #DEEDB3 0 30deg);

background: repeating-conic-gradient(from 157deg at 74% 29%, #483D91 0 15deg, #967F8F 0 30deg);

background: repeating-conic-gradient(from 228deg at 70% 78%, #80633A 0 15deg, #B910D4 0 30deg);

background: repeating-conic-gradient(from 163deg at 33% 84%, #C4CA28 0 15deg, #1245DE 0 30deg);

background: repeating-conic-gradient(from 295deg at 85% 44%, #289190 0 15deg, #F16542 0 30deg);

background: repeating-conic-gradient(from 50deg at 25% 66%, #B02D2A 0 15deg, #56CF9D 0 30deg);

background: repeating-conic-gradient(from 40deg at 87% 78%, #102017 0 15deg, #442573 0 30deg);

background: repeating-conic-gradient(from 76deg at 51% 18%, #503B39 0 15deg, #9216F3 0 30deg);

background: repeating-conic-gradient(from 122deg at 38% 51%, #346653 0 15deg, #8D2BAC 0 30deg);

background: repeating-conic-gradient(from 146deg at 62% 74%, #E0496E 0 15deg, #4D0A52 0 30deg);

background: repeating-conic-gradient(from 59deg at 17% 89%, #FEA350 0 15deg, #C372A3 0 30deg);

background: repeating-conic-gradient(from 39deg at 22% 46%, #0D7075 0 15deg, #2BB450 0 30deg);

Rahmen

border-image: conic-gradient(#D24E75, #A57DFC, #956251, #C097D7, #7F73FA, #70373A, #D24E75); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#61910C, #CB19F1, #DF621E, #01D40E, #741D10, #E5BC5D, #61910C); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#863F60, #4575F9, #BDDE12, #5AD342, #A26A86, #368F43, #863F60); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#E86E80, #A6E561, #3B196F, #951A3C, #72923D, #E6C04C, #E86E80); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#538EBA, #A651C6, #02263E, #725C41, #720060, #1C7207, #538EBA); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#5C68EE, #4BE947, #3E0E56, #8E87B7, #3A87D0, #B18AE8, #5C68EE); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#A0472E, #2C94F5, #B06DCF, #BACB28, #A18172, #4B5AA0, #A0472E); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#471B19, #0689E0, #54657D, #6C6748, #FDA3D6, #66672E, #471B19); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#5F915E, #A5F3C6, #4027F4, #CAEBB6, #9FF3FF, #202B5F, #5F915E); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#63B67C, #9C0BEB, #85CEA9, #BE1345, #A2B7F4, #152440, #63B67C); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#FA8B8E, #E623EC, #693299, #99E315, #ED0740, #0D4697, #FA8B8E); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#CA7C2A, #9438D8, #C402D4, #5263B7, #180219, #F3D489, #CA7C2A); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#0FA334, #833F21, #FF86CD, #E76BFA, #914967, #F3D9CC, #0FA334); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#C56B9F, #E854F1, #275369, #9E9DCD, #34D9FD, #C2D946, #C56B9F); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#FBC8CA, #3B55E6, #14BD4D, #413E01, #22014D, #5B6AAD, #FBC8CA); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#F17E21, #3DA5C4, #6F4795, #E35A7B, #D07831, #B88EC2, #F17E21); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#7F1FBA, #13E3CF, #A66B9C, #C915FD, #790B8D, #4433D2, #7F1FBA); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#972063, #60E665, #1E6A0E, #621C2F, #9AF416, #9AA49A, #972063); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#D98DDF, #5EADB7, #DE8494, #C7752A, #B6A8D3, #9AFBCC, #D98DDF); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#FCA3F3, #567A02, #DC93C0, #8F7D80, #1A136D, #DB879F, #FCA3F3); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#077F92, #7CE8A9, #1B9A02, #9E951A, #35A791, #3ABB86, #077F92); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#2CA241, #CD9F74, #CAF566, #665040, #2011F1, #370D39, #2CA241); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#530970, #97B9E6, #397D6F, #CA632D, #030CDD, #900C2D, #530970); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#7ECACB, #54ECB4, #0DC6E7, #6C3254, #7B5A28, #8B53DC, #7ECACB); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#980FD4, #D16633, #3F3999, #41EBD7, #D8A453, #3FA956, #980FD4); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#11B88A, #75149B, #17165E, #6512E6, #ECD57A, #D2DF2E, #11B88A); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#A93690, #A79776, #C3C09D, #538164, #2B5988, #2D6888, #A93690); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#769526, #2C616E, #2B481E, #E9FB5E, #AC7855, #C0D989, #769526); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#504C29, #A9D713, #ADA418, #430BBC, #DEFA7F, #1C0E2C, #504C29); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#CD45DB, #4AA816, #B39E90, #61F506, #23D447, #BAF08D, #CD45DB); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#8121DE, #A09966, #F8D649, #538F79, #733377, #811885, #8121DE); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#E6565A, #CA69DE, #554DD5, #D28438, #9A0B44, #F05547, #E6565A); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#990DA5, #2A94C5, #96FFEE, #D5BEB8, #006581, #6A5E4D, #990DA5); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#2589E7, #4C19C8, #A02634, #B5E3B7, #4F849B, #EA34DE, #2589E7); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#8F028C, #AE9ABD, #DDE3A9, #B56F84, #A244B0, #81FA82, #8F028C); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#76E494, #F9379E, #9B58BE, #47BFAC, #B984AB, #35D454, #76E494); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#0E6974, #A80AC1, #8A371C, #44EE03, #005A69, #A44B5C, #0E6974); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#E0AC13, #A855A4, #4ED345, #A4EE99, #9B8928, #56AE5B, #E0AC13); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#D9C9E6, #9CD0FA, #28885D, #700287, #D40D96, #659FB1, #D9C9E6); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#ED57BC, #63156B, #8BAE22, #3CFA51, #FEE794, #13E75A, #ED57BC); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#67C682, #A2A22D, #69E010, #51FD73, #065AB3, #19FFAA, #67C682); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#2BEBE7, #DABB56, #4D70B3, #B7EE0F, #E8B4B6, #07FBA9, #2BEBE7); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#B0DCBF, #F8E964, #A3FCE5, #B7FA99, #E6840B, #DFFE26, #B0DCBF); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#B5B5B7, #D54ECC, #718CED, #1DFAF0, #03C406, #476304, #B5B5B7); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#48854E, #293E61, #E12E6A, #730DEE, #C2E637, #06ACF2, #48854E); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#7189FD, #141F55, #5F2C5D, #89DD3C, #8C9CB8, #40C07D, #7189FD); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#030E31, #383987, #F4B758, #F72750, #7CE990, #3FF3F7, #030E31); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#C6E473, #5EC73A, #0126C4, #2E6CBE, #155A35, #24DDC7, #C6E473); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#54E857, #460FBA, #89FFBD, #B600ED, #A73BAA, #F6E671, #54E857); 
border-image-slice: 1; border-width: 10px; border-style: solid;

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