Farbverlauf mit CSS 1 2 3 4 5 6 7

Diverse ( Beispiele)

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

Spotlight

background: radial-gradient(circle farthest-corner at 50% 50%, #666E38 37%, #C33BC6);

background: radial-gradient(circle closest-corner at 50% 50%, #C45500 38%, #32AE2C);

background: radial-gradient(circle farthest-corner at 50% 50%, #1F3701 19%, #974D71);

background: radial-gradient(circle closest-corner at 50% 50%, #439D53 38%, #EF94CB);

background: radial-gradient(circle closest-corner at 50% 50%, #99ADA6 12%, #040412);

background: radial-gradient(circle closest-side at 50% 50%, #D2E3B6 45%, #080F2A);

background: radial-gradient(circle farthest-side at 50% 50%, #38B89E 23%, #CD34E9);

background: radial-gradient(circle farthest-side at 50% 50%, #ACDD9D 43%, #8FC6CB);

background: radial-gradient(circle farthest-corner at 50% 50%, #6FD313 27%, #132A02);

background: radial-gradient(ellipse farthest-side at 50% 50%, #297C23 36%, #641154);

background: radial-gradient(circle closest-side at 50% 50%, #F52914 9%, #E48B9D);

background: radial-gradient(ellipse closest-side at 50% 50%, #B0A92C 5%, #0B7FCC);

background: radial-gradient(ellipse farthest-corner at 50% 50%, #E6A8A8 11%, #740478);

background: radial-gradient(circle closest-side at 50% 50%, #A07059 21%, #E84F3A);

background: radial-gradient(circle closest-side at 50% 50%, #5AE20E 32%, #004E5E);

background: radial-gradient(ellipse farthest-corner at 50% 50%, #CAB3D5 7%, #576F1F);

background: radial-gradient(ellipse closest-corner at 50% 50%, #2738C8 3%, #2F27CC);

background: radial-gradient(circle farthest-corner at 50% 50%, #6A0569 15%, #6FC8AF);

background: radial-gradient(ellipse farthest-side at 50% 50%, #2B3A20 32%, #7333FA);

background: radial-gradient(ellipse farthest-corner at 50% 50%, #C9C71B 18%, #32E8E8);

background: radial-gradient(circle closest-corner at 50% 50%, #538758 6%, #9C4494);

background: radial-gradient(ellipse farthest-corner at 50% 50%, #21304D 28%, #286869);

background: radial-gradient(ellipse closest-side at 50% 50%, #3DDF44 14%, #CC0B80);

background: radial-gradient(circle farthest-corner at 50% 50%, #6F3B1D 24%, #69F606);

background: radial-gradient(ellipse closest-side at 50% 50%, #6CE2BE 9%, #D00D9E);

background: radial-gradient(circle closest-corner at 50% 50%, #CC4530 38%, #F0AC43);

Corona

background: radial-gradient(circle closest-corner at 50% 50%, #125A66 9%, #7661AD, #05A825);

background: radial-gradient(ellipse closest-side at 50% 50%, #09E49E 8%, #FFC2E0, #7F529A);

background: radial-gradient(circle farthest-side at 50% 50%, #462626 28%, #4B0F8E, #24CA48);

background: radial-gradient(circle closest-corner at 50% 50%, #B3C7FF 29%, #6F1BA6, #E050E5);

background: radial-gradient(circle farthest-corner at 50% 50%, #6BC120 21%, #3BD8B7, #19DD81);

background: radial-gradient(circle closest-corner at 50% 50%, #D14983 27%, #E70255, #6DB3A0);

background: radial-gradient(ellipse farthest-corner at 50% 50%, #884301 28%, #815D92, #FED45F);

background: radial-gradient(ellipse farthest-side at 50% 50%, #F0EB2B 6%, #CF7945, #4E3A05);

background: radial-gradient(ellipse farthest-side at 50% 50%, #C76899 29%, #2F3940, #5471C6);

background: radial-gradient(ellipse closest-side at 50% 50%, #883C24 35%, #9290FB, #6BA8BB);

background: radial-gradient(ellipse closest-corner at 50% 50%, #91456E 19%, #16C98C, #8765C6);

background: radial-gradient(ellipse farthest-corner at 50% 50%, #0AE952 34%, #C8F94C, #FA8D48);

background: radial-gradient(circle closest-side at 50% 50%, #4B6418 46%, #DB7DDA, #65A22D);

background: radial-gradient(circle closest-side at 50% 50%, #076064 29%, #056062, #562E8D);

background: radial-gradient(circle farthest-corner at 50% 50%, #A2A2E4 19%, #F98FBC, #DCC45B);

background: radial-gradient(ellipse closest-side at 50% 50%, #87F6C0 42%, #BE3D99, #7C0E64);

background: radial-gradient(circle closest-side at 50% 50%, #D52DBF 7%, #7FE052, #C89412);

background: radial-gradient(ellipse farthest-side at 50% 50%, #AC3D80 17%, #689EEC, #2171DF);

background: radial-gradient(ellipse farthest-corner at 50% 50%, #2A80F4 16%, #35B290, #6AAC46);

background: radial-gradient(circle farthest-side at 50% 50%, #EBDB3E 33%, #0A45A3, #ED8015);

background: radial-gradient(circle farthest-side at 50% 50%, #B7B27E 35%, #366FB7, #01B5A6);

background: radial-gradient(circle closest-corner at 50% 50%, #5123F3 4%, #67B38C, #D98E6B);

background: radial-gradient(circle closest-side at 50% 50%, #0BB866 18%, #325CD2, #C9D29A);

background: radial-gradient(ellipse closest-corner at 50% 50%, #3A5631 49%, #F81978, #A52665);

background: radial-gradient(circle farthest-corner at 50% 50%, #9AE0B2 31%, #B461F5, #92889B);

background: radial-gradient(ellipse farthest-corner at 50% 50%, #DCB4A7 8%, #6A3C13, #923B67);

Zirkelkreise

background: repeating-radial-gradient(circle, #FD4246 40%, #715ABE 50%);

background: repeating-radial-gradient(circle, #8716AB 40%, #3827E8 50%);

background: repeating-radial-gradient(circle, #BF2D95 40%, #F1BD19 50%);

background: repeating-radial-gradient(circle, #762A8B 40%, #CD9352 50%);

background: repeating-radial-gradient(circle, #E37F5A 40%, #D78BAE 50%);

background: repeating-radial-gradient(circle, #13A366 40%, #719F7C 50%);

background: repeating-radial-gradient(circle, #AE3035 40%, #CCC5A0 50%);

background: repeating-radial-gradient(circle, #C9549B 40%, #319084 50%);

background: repeating-radial-gradient(circle, #A92E25 40%, #456847 50%);

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

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

background: repeating-radial-gradient(circle, #E147F1 40%, #A4AD3E 50%);

background: repeating-radial-gradient(circle, #2B32DB 40%, #171E99 50%);

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

background: repeating-radial-gradient(circle, #47EAFD 40%, #B74C8C 50%);

background: repeating-radial-gradient(circle, #920B4C 40%, #5712B8 50%);

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

background: repeating-radial-gradient(circle, #7025EA 40%, #B8B439 50%);

background: repeating-radial-gradient(circle, #295AA8 40%, #CBFC2E 50%);

background: repeating-radial-gradient(circle, #E4C737 40%, #615D77 50%);

background: repeating-radial-gradient(circle, #24C661 40%, #A87D0F 50%);

background: repeating-radial-gradient(circle, #517DFD 40%, #D40571 50%);

background: repeating-radial-gradient(circle, #57B40A 40%, #EDC787 50%);

background: repeating-radial-gradient(circle, #3BF956 40%, #62D929 50%);

background: repeating-radial-gradient(circle, #D4740A 40%, #B4F0D0 50%);

background: repeating-radial-gradient(circle, #40EFF3 40%, #C347A4 50%);

background: repeating-radial-gradient(circle, #03D696 40%, #97AFF7 50%);

background: repeating-radial-gradient(circle, #AEAF59 40%, #531E5C 50%);

background: repeating-radial-gradient(circle, #56C4C1 40%, #F0AA8E 50%);

background: repeating-radial-gradient(circle, #E47BED 40%, #378B23 50%);

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

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

background: repeating-radial-gradient(circle, #CE0565 40%, #B57D54 50%);

background: repeating-radial-gradient(circle, #D9EB5D 40%, #D3DF0C 50%);

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

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

background: repeating-radial-gradient(circle, #C9B3F5 40%, #FF1FFA 50%);

background: repeating-radial-gradient(circle, #27108F 40%, #7A83D1 50%);

background: repeating-radial-gradient(circle, #C2EDE8 40%, #79F701 50%);

background: repeating-radial-gradient(circle, #26DAE5 40%, #5861AC 50%);

background: repeating-radial-gradient(circle, #37A5BB 40%, #F07906 50%);

background: repeating-radial-gradient(circle, #0666E3 40%, #CA22BC 50%);

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

background: repeating-radial-gradient(circle, #C7FD0E 40%, #A0119F 50%);

background: repeating-radial-gradient(circle, #E7F841 40%, #E51BAC 50%);

background: repeating-radial-gradient(circle, #1BCCEC 40%, #27EC1E 50%);

background: repeating-radial-gradient(circle, #D7EF3A 40%, #57A53A 50%);

background: repeating-radial-gradient(circle, #D7AAF8 40%, #DA4424 50%);

background: repeating-radial-gradient(circle, #60E08A 40%, #678764 50%);

background: repeating-radial-gradient(circle, #75103F 40%, #BC829B 50%);

background: repeating-radial-gradient(circle, #7434C0 40%, #1FED40 50%);

Blush

background: repeating-radial-gradient(farthest-corner, #FDE510, #DB8F9A, #7D5D96);

background: repeating-radial-gradient(farthest-corner, #DE5699, #4F0254, #1B048C);

background: repeating-radial-gradient(farthest-corner, #3187D5, #B7B99A, #85AA48);

background: repeating-radial-gradient(farthest-corner, #5D1298, #F63FF6, #7959CD);

background: repeating-radial-gradient(farthest-corner, #A419FC, #2E7D42, #C7DDEF);

background: repeating-radial-gradient(farthest-corner, #B229A8, #EC9CDB, #220ED7);

background: repeating-radial-gradient(farthest-corner, #E7DBF1, #7D3967, #E004FD);

background: repeating-radial-gradient(farthest-corner, #943D22, #422DAD, #D68290);

background: repeating-radial-gradient(farthest-corner, #C3C8C1, #3A04A7, #4017A4);

background: repeating-radial-gradient(farthest-corner, #C8BF96, #F264A1, #5401BC);

background: repeating-radial-gradient(farthest-corner, #1F4FEA, #A4DFA3, #70FF6F);

background: repeating-radial-gradient(farthest-corner, #2BC3B8, #C0044C, #F49038);

background: repeating-radial-gradient(farthest-corner, #C17897, #FAC09E, #5ECE21);

background: repeating-radial-gradient(farthest-corner, #3E70A3, #9C1ED8, #7046E5);

background: repeating-radial-gradient(farthest-corner, #6B3650, #066D4A, #DDA10B);

background: repeating-radial-gradient(farthest-corner, #00CFAB, #3BBCAC, #3EF534);

background: repeating-radial-gradient(farthest-corner, #504CCA, #B672BB, #DC6AD4);

background: repeating-radial-gradient(farthest-corner, #024BC4, #D11287, #6B71CC);

background: repeating-radial-gradient(farthest-corner, #71C834, #26D8A5, #C91067);

background: repeating-radial-gradient(farthest-corner, #EED4B3, #19121A, #BCD858);

background: repeating-radial-gradient(farthest-corner, #EB09D3, #187954, #84196C);

background: repeating-radial-gradient(farthest-corner, #C37EE4, #9FCEAF, #A62F03);

background: repeating-radial-gradient(farthest-corner, #42383D, #E739C7, #D0C807);

background: repeating-radial-gradient(farthest-corner, #A2F3DB, #76AEF9, #0E0146);

background: repeating-radial-gradient(farthest-corner, #8E3EF8, #507F47, #E0A2F8);

background: repeating-radial-gradient(farthest-corner, #D4B84E, #4CA34E, #41434D);

Ringe

background: repeating-radial-gradient(#4FFF5C, #4FFF5C 5px, #57472B 5px, #57472B 10px);

background: repeating-radial-gradient(#5E424B, #5E424B 5px, #37EB38 5px, #37EB38 10px);

background: repeating-radial-gradient(#429603, #429603 5px, #E911A5 5px, #E911A5 10px);

background: repeating-radial-gradient(#D64C49, #D64C49 5px, #0F1112 5px, #0F1112 10px);

background: repeating-radial-gradient(#D60716, #D60716 5px, #5C1FB9 5px, #5C1FB9 10px);

background: repeating-radial-gradient(#194D91, #194D91 5px, #94C1FA 5px, #94C1FA 10px);

background: repeating-radial-gradient(#4D91B4, #4D91B4 5px, #EC07E1 5px, #EC07E1 10px);

background: repeating-radial-gradient(#EF1D60, #EF1D60 5px, #CDFA9D 5px, #CDFA9D 10px);

background: repeating-radial-gradient(#8CB670, #8CB670 5px, #B032A4 5px, #B032A4 10px);

background: repeating-radial-gradient(#8D6077, #8D6077 5px, #654618 5px, #654618 10px);

background: repeating-radial-gradient(#3C3345, #3C3345 5px, #FB77E7 5px, #FB77E7 10px);

background: repeating-radial-gradient(#164D54, #164D54 5px, #68CC0B 5px, #68CC0B 10px);

background: repeating-radial-gradient(#6A6B82, #6A6B82 5px, #47CCC6 5px, #47CCC6 10px);

background: repeating-radial-gradient(#8FC103, #8FC103 5px, #ACB45F 5px, #ACB45F 10px);

background: repeating-radial-gradient(#A36D22, #A36D22 5px, #723F4C 5px, #723F4C 10px);

background: repeating-radial-gradient(#3ECE24, #3ECE24 5px, #746C63 5px, #746C63 10px);

background: repeating-radial-gradient(#5EC341, #5EC341 5px, #90BD60 5px, #90BD60 10px);

background: repeating-radial-gradient(#4B2417, #4B2417 5px, #B19314 5px, #B19314 10px);

background: repeating-radial-gradient(#37529D, #37529D 5px, #154AA5 5px, #154AA5 10px);

background: repeating-radial-gradient(#388102, #388102 5px, #371E97 5px, #371E97 10px);

background: repeating-radial-gradient(#77A5BF, #77A5BF 5px, #25DDB4 5px, #25DDB4 10px);

background: repeating-radial-gradient(#E7E28B, #E7E28B 5px, #C52CA8 5px, #C52CA8 10px);

background: repeating-radial-gradient(#A2318E, #A2318E 5px, #0E39E0 5px, #0E39E0 10px);

background: repeating-radial-gradient(#34915C, #34915C 5px, #EBB53C 5px, #EBB53C 10px);

background: repeating-radial-gradient(#406499, #406499 5px, #BA3B29 5px, #BA3B29 10px);

background: repeating-radial-gradient(#F9F36B, #F9F36B 5px, #D3356A 5px, #D3356A 10px);

Strahlen

background: repeating-conic-gradient(from 131deg at 65% 59%, #CE335B 0 15deg, #242F45 0 30deg);

background: repeating-conic-gradient(from 28deg at 44% 37%, #F38889 0 15deg, #9F92E5 0 30deg);

background: repeating-conic-gradient(from 274deg at 76% 38%, #2F405C 0 15deg, #E69FD9 0 30deg);

background: repeating-conic-gradient(from 230deg at 65% 38%, #57AC32 0 15deg, #A3D8A8 0 30deg);

background: repeating-conic-gradient(from 240deg at 89% 29%, #332D6D 0 15deg, #070C1F 0 30deg);

background: repeating-conic-gradient(from 282deg at 39% 73%, #D818D1 0 15deg, #05C30C 0 30deg);

background: repeating-conic-gradient(from 206deg at 77% 11%, #D2CFC2 0 15deg, #A3EDE1 0 30deg);

background: repeating-conic-gradient(from 264deg at 52% 18%, #69647B 0 15deg, #95DC38 0 30deg);

background: repeating-conic-gradient(from 277deg at 86% 61%, #E8CEF0 0 15deg, #B0D643 0 30deg);

background: repeating-conic-gradient(from 284deg at 20% 33%, #B7BBC9 0 15deg, #BAEEC0 0 30deg);

background: repeating-conic-gradient(from 175deg at 40% 88%, #DCC5AC 0 15deg, #1D33E6 0 30deg);

background: repeating-conic-gradient(from 99deg at 72% 73%, #389842 0 15deg, #8DF468 0 30deg);

background: repeating-conic-gradient(from 157deg at 79% 10%, #975509 0 15deg, #CC900E 0 30deg);

background: repeating-conic-gradient(from 138deg at 31% 54%, #97404B 0 15deg, #7165C0 0 30deg);

background: repeating-conic-gradient(from 167deg at 85% 88%, #BD8C1B 0 15deg, #761946 0 30deg);

background: repeating-conic-gradient(from 121deg at 82% 58%, #4C5F9A 0 15deg, #30BD34 0 30deg);

background: repeating-conic-gradient(from 147deg at 52% 73%, #80FFEC 0 15deg, #0BCB93 0 30deg);

background: repeating-conic-gradient(from 101deg at 35% 30%, #1E0A33 0 15deg, #B5124D 0 30deg);

background: repeating-conic-gradient(from 69deg at 51% 44%, #655FCF 0 15deg, #FB37A9 0 30deg);

background: repeating-conic-gradient(from 97deg at 62% 32%, #641642 0 15deg, #AEDB59 0 30deg);

background: repeating-conic-gradient(from 46deg at 83% 39%, #47612C 0 15deg, #7B938C 0 30deg);

background: repeating-conic-gradient(from 160deg at 38% 11%, #22BFFC 0 15deg, #D52A79 0 30deg);

background: repeating-conic-gradient(from 73deg at 60% 10%, #A43F00 0 15deg, #AC0A52 0 30deg);

background: repeating-conic-gradient(from 55deg at 22% 21%, #655704 0 15deg, #8E50C0 0 30deg);

background: repeating-conic-gradient(from 181deg at 89% 87%, #6BBDB9 0 15deg, #72E55A 0 30deg);

background: repeating-conic-gradient(from 25deg at 79% 29%, #D2C632 0 15deg, #5DDCE2 0 30deg);

Rahmen

border-image: conic-gradient(#22D7E1, #2BCCE6, #00AFEE, #518EFB, #17BB97, #9B3F3E, #22D7E1); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#9C7963, #D364E5, #0990F9, #DCB3D6, #F33185, #4D5C14, #9C7963); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#A6F041, #D3DADD, #639BF7, #E6F13F, #3D4A8C, #44DACC, #A6F041); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#86F543, #7CAEF3, #B63A2E, #CF986F, #497349, #EB5E90, #86F543); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#A9B99D, #A26F67, #01D732, #65CC20, #2BE9AC, #CA73D8, #A9B99D); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#EA9EC2, #AD22E4, #DF96AD, #98856C, #88A062, #E7FC25, #EA9EC2); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#49832A, #EA7654, #7A0123, #5407C0, #F4157D, #899627, #49832A); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#8A9935, #CB7171, #FD7E4C, #4D7FC1, #97D23A, #F88BF0, #8A9935); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#801836, #B02D46, #44FCE8, #617474, #2321B0, #591205, #801836); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#D672EA, #11E638, #8DC3CE, #897774, #69E2D4, #AC2586, #D672EA); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#16C711, #033DBF, #416A9D, #8FF715, #D870BF, #EF2ACE, #16C711); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#893A39, #66079F, #F1FC84, #765BD2, #938D86, #B3DD77, #893A39); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#73A99E, #FE4903, #24B10C, #D7C758, #43AD50, #EA1F7B, #73A99E); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#BDD6E1, #73ADE5, #97C678, #83388B, #A55CCE, #8F5D5E, #BDD6E1); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#012208, #FDB3A7, #FA6CCD, #66EF89, #06CDE9, #E3435C, #012208); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#9024F2, #C67230, #15C682, #077525, #66167C, #B3AC60, #9024F2); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#286E96, #492D9E, #87426E, #848882, #E7C2B6, #103DAB, #286E96); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#866C33, #25CC71, #5ED73E, #B6905A, #5A40E0, #253DC2, #866C33); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#390F67, #9E50C5, #73950A, #5058DC, #C904AC, #C893DF, #390F67); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#740A26, #3C7EF4, #E2EE1F, #36E860, #0FC2A3, #4A8B70, #740A26); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#52D8F0, #D0B1C3, #AD4602, #877112, #88B094, #666B28, #52D8F0); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#313642, #23E24A, #211778, #5E46CA, #7C759D, #8632AB, #313642); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#E37879, #358C09, #8C177C, #A9DC54, #94BABB, #73FFB7, #E37879); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#484377, #72D510, #1B64C9, #F6A964, #D464DC, #A32110, #484377); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#72451E, #36AADC, #B99F44, #E8C36D, #5A6603, #E91636, #72451E); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#EB40E5, #7C3199, #68DCFD, #B83352, #39FF5D, #E7D0CD, #EB40E5); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#D53089, #D0CF8D, #D299DE, #E2EC2C, #E16227, #55790B, #D53089); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#6EB2D6, #C17A8B, #A837C8, #5F85D3, #0FCEF2, #1A5E04, #6EB2D6); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#FF3C98, #AE3E56, #8F6707, #87B806, #11B592, #F666D0, #FF3C98); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#4869B9, #1C07E3, #487407, #2C3329, #216503, #72F2ED, #4869B9); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#1A5BC7, #0008E2, #7BC04A, #50EEA4, #05D21E, #01F3B7, #1A5BC7); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#DCB539, #3F60C5, #4F6CF7, #BC6E58, #5D8E1C, #BF1649, #DCB539); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#690196, #7CFEA8, #F4E1CC, #A72980, #2A8D45, #D91FEC, #690196); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#61CAC8, #8C05EC, #4CDD47, #E0FF84, #42C2ED, #09ECFC, #61CAC8); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#A494C3, #0F02F0, #0E9DD4, #332D23, #EE22F6, #E4A0A9, #A494C3); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#C98896, #D41872, #BB58D0, #83EC6A, #DEEDAF, #0D9A47, #C98896); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#AA8065, #310E40, #1BC85D, #83D867, #13A50D, #9B06A1, #AA8065); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#610A4F, #8671FF, #795F17, #01964F, #06598E, #23B5D5, #610A4F); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#8630E9, #61D04B, #AE840F, #B5A0F4, #F1575F, #945166, #8630E9); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#035B99, #8FC8BE, #C2DBE5, #EDEDDD, #35DC93, #0E7786, #035B99); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#1937FB, #4EC4EC, #EE69C3, #46E860, #5D2D48, #AD6899, #1937FB); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#E3C0F4, #455342, #8C444D, #1736F8, #C49960, #71704E, #E3C0F4); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#72CF2B, #4FF2C4, #A2FD8E, #3E0CD9, #4ADB80, #07261E, #72CF2B); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#A83B94, #4B8F41, #03690E, #492FC2, #9B0C7C, #BE701A, #A83B94); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#C80599, #09794A, #0A2FED, #E587C1, #327FF8, #719A41, #C80599); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#AA4F08, #4B9202, #AFD2F0, #397103, #4EA8AC, #F1F1D0, #AA4F08); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#C507E4, #C66E31, #FB200C, #256360, #3548D8, #67AE3F, #C507E4); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#123E4E, #600D98, #154126, #CD824B, #385CC9, #EE2BAA, #123E4E); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#5F8CF8, #7E2E0D, #A6DD57, #10D896, #81CA0F, #2CA4C4, #5F8CF8); 
border-image-slice: 1; border-width: 10px; border-style: solid;

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