Темно-синій, фіолетовий, блакитний і рожевий: лінійний градієнт

Лінійний градієнт, 21 колір, кут 90°: #201b3d, #4c2ea1, #87aae4, #ccfffb, #f2d6ea. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

8 ключових кадрів OKLCH, які можна редагувати.

• #201b3d
• #251a4e
• #2e1666
• #38157d
• #421e90
• #4c2ea1
• #5642b2
• #635ac0
• #7073cd
• #7a8eda
• #87aae4
• #98c4eb
• #a6d9f3
• #adecfa
• #b7fafc
• #ccfffb
• #ddfffa
• #e2fcfc
• #e2f4ff
• #e7e3fc
• #f2d6ea

CSS

background: linear-gradient(90deg in oklch, oklch(24.80% 0.0620 287.58) 0.0%, oklch(26.52% 0.0909 288.37) 5.0%, oklch(29.11% 0.1303 289.38) 10.0%, oklch(32.40% 0.1584 289.66) 15.0%, oklch(36.40% 0.1710 289.16) 20.0%, oklch(41.11% 0.1745 287.96) 25.0%, oklch(46.51% 0.1701 285.88) 30.0%, oklch(52.79% 0.1554 283.68) 35.0%, oklch(59.55% 0.1352 279.81) 40.0%, oklch(66.30% 0.1155 272.01) 45.0%, oklch(73.43% 0.0929 260.04) 50.0%, oklch(80.16% 0.0732 246.06) 55.0%, oklch(85.73% 0.0641 231.09) 60.0%, oklch(90.45% 0.0654 213.44) 65.0%, oklch(94.09% 0.0662 199.18) 70.0%, oklch(96.37% 0.0522 191.12) 75.0%, oklch(97.42% 0.0360 186.80) 80.0%, oklch(97.34% 0.0270 196.65) 85.0%, oklch(95.69% 0.0240 235.24) 90.0%, oklch(92.76% 0.0341 293.25) 95.0%, oklch(90.55% 0.0400 336.19) 100.0%);

У цих колекціях

Сині й рожево-лілові градієнтиСиньо-фіолетові градієнти

Схожі палітриКолекціїЗавантажити PNGJSON палітриMarkdownЯк це працює