Чорний → фіолетовий: лінійний градієнт

Лінійний градієнт, 32 кольори, кут 90°: #272e11, #150f0e, #140a20, #281f3c, #4e4862. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #272e11
• #252b12
• #212713
• #1d2213
• #1a1c12
• #181811
• #17150f
• #16120e
• #150f0e
• #130d0f
• #110c11
• #100b12
• #100a15
• #100a17
• #11091a
• #13091d
• #140a20
• #160c24
• #180e27
• #1b112b
• #1e142f
• #211733
• #251b38
• #281f3c
• #2d2340
• #312845
• #352c4a
• #3a324f
• #403855
• #453e5a
• #4a445f
• #4e4862

CSS

background: linear-gradient(90deg in oklch, oklch(28.74% 0.0482 120.94) 0.0%, oklch(27.60% 0.0432 120.94) 3.2%, oklch(25.96% 0.0358 122.16) 6.5%, oklch(24.08% 0.0275 122.14) 9.7%, oklch(22.24% 0.0198 118.43) 12.9%, oklch(20.68% 0.0144 108.56) 16.1%, oklch(19.49% 0.0117 89.04) 19.4%, oklch(18.44% 0.0105 59.94) 22.6%, oklch(17.53% 0.0107 26.66) 25.8%, oklch(16.80% 0.0120 354.67) 29.0%, oklch(16.27% 0.0142 329.44) 32.3%, oklch(15.96% 0.0177 314.88) 35.5%, oklch(15.84% 0.0231 307.71) 38.7%, oklch(15.91% 0.0297 305.31) 41.9%, oklch(16.17% 0.0363 305.28) 45.2%, oklch(16.63% 0.0419 305.24) 48.4%, oklch(17.29% 0.0458 303.39) 51.6%, oklch(18.19% 0.0486 301.83) 54.8%, oklch(19.29% 0.0507 300.83) 58.1%, oklch(20.55% 0.0521 300.16) 61.3%, oklch(21.90% 0.0532 299.60) 64.5%, oklch(23.31% 0.0540 298.95) 67.7%, oklch(24.84% 0.0543 298.41) 71.0%, oklch(26.47% 0.0543 298.01) 74.2%, oklch(28.19% 0.0538 297.68) 77.4%, oklch(29.98% 0.0531 297.37) 80.6%, oklch(31.81% 0.0522 296.99) 83.9%, oklch(33.90% 0.0508 296.54) 87.1%, oklch(36.20% 0.0490 296.07) 90.3%, oklch(38.44% 0.0470 295.61) 93.5%, oklch(40.37% 0.0453 295.23) 96.8%, oklch(41.73% 0.0441 294.95) 100.0%);

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

Антрацит і слива в кравецтвіТемні приглушені градієнти

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