Чорний → темно-синій, монохром: лінійний градієнт

Лінійний градієнт, 32 кольори, кут 135°: #000814, #001126, #001e3e, #012a53, #003566. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #000814
• #000915
• #000a17
• #000b19
• #000c1b
• #000d1e
• #000e20
• #001023
• #001126
• #001329
• #00142c
• #00162f
• #001833
• #001936
• #001b39
• #001c3c
• #001e3e
• #001f41
• #002144
• #002347
• #00244a
• #00264d
• #012850
• #012a53
• #002b56
• #002d59
• #002f5c
• #00305e
• #003261
• #003363
• #003464
• #003566

CSS

background: linear-gradient(135deg in oklch, oklch(13.05% 0.0340 246.56) 0.0%, oklch(13.43% 0.0353 246.96) 3.2%, oklch(13.87% 0.0369 247.44) 6.5%, oklch(14.39% 0.0387 247.97) 9.7%, oklch(14.96% 0.0408 248.52) 12.9%, oklch(15.59% 0.0431 249.08) 16.1%, oklch(16.25% 0.0455 249.58) 19.4%, oklch(16.95% 0.0480 249.99) 22.6%, oklch(17.67% 0.0506 250.43) 25.8%, oklch(18.41% 0.0534 250.87) 29.0%, oklch(19.16% 0.0562 251.31) 32.3%, oklch(19.91% 0.0591 251.74) 35.5%, oklch(20.66% 0.0621 252.13) 38.7%, oklch(21.39% 0.0649 252.45) 41.9%, oklch(22.09% 0.0674 252.67) 45.2%, oklch(22.76% 0.0698 252.84) 48.4%, oklch(23.41% 0.0720 252.99) 51.6%, oklch(24.08% 0.0742 253.13) 54.8%, oklch(24.78% 0.0764 253.22) 58.1%, oklch(25.50% 0.0786 253.27) 61.3%, oklch(26.23% 0.0808 253.28) 64.5%, oklch(26.96% 0.0830 253.26) 67.7%, oklch(27.69% 0.0852 253.21) 71.0%, oklch(28.41% 0.0872 253.15) 74.2%, oklch(29.11% 0.0893 253.07) 77.4%, oklch(29.79% 0.0912 252.98) 80.6%, oklch(30.43% 0.0930 252.89) 83.9%, oklch(31.02% 0.0947 252.79) 87.1%, oklch(31.57% 0.0963 252.71) 90.3%, oklch(32.06% 0.0977 252.64) 93.5%, oklch(32.49% 0.0989 252.59) 96.8%, oklch(32.84% 0.0999 252.57) 100.0%);

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

Dark blue gradients

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