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

Лінійний градієнт, 32 кольори, кут 90°: #dbf0c7, #859a9a, #5a587b, #6c557b, #b38b95. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #dbf0c7
• #d2e9c4
• #c8dfc0
• #bcd3bb
• #b1c7b4
• #a5baad
• #9bafa6
• #90a4a0
• #859a9a
• #7b9095
• #728691
• #6c7c8c
• #687287
• #656b83
• #61647f
• #5d5e7d
• #5a587b
• #58547a
• #58517a
• #5a4f79
• #5d4f79
• #615079
• #66527a
• #6c557b
• #72587d
• #7a5d7f
• #836382
• #8f6b86
• #9a748a
• #a57d8e
• #ad8592
• #b38b95

CSS

background: linear-gradient(90deg in oklch, oklch(92.91% 0.0593 130.08) 0.0%, oklch(90.80% 0.0552 133.64) 3.2%, oklch(87.87% 0.0491 138.01) 6.5%, oklch(84.40% 0.0421 143.41) 9.7%, oklch(80.66% 0.0351 150.06) 12.9%, oklch(76.93% 0.0291 158.20) 16.1%, oklch(73.47% 0.0252 168.04) 19.4%, oklch(70.30% 0.0239 180.60) 22.6%, oklch(67.05% 0.0241 196.70) 25.8%, oklch(63.82% 0.0255 214.75) 29.0%, oklch(60.71% 0.0280 233.10) 32.3%, oklch(57.81% 0.0310 250.11) 35.5%, oklch(55.24% 0.0344 264.12) 38.7%, oklch(53.04% 0.0382 273.84) 41.9%, oklch(51.04% 0.0434 280.21) 45.2%, oklch(49.26% 0.0495 284.25) 48.4%, oklch(47.77% 0.0557 286.89) 51.6%, oklch(46.63% 0.0614 289.06) 54.8%, oklch(45.89% 0.0658 291.69) 58.1%, oklch(45.62% 0.0683 295.52) 61.3%, oklch(45.81% 0.0692 299.48) 64.5%, oklch(46.43% 0.0689 303.35) 67.7%, oklch(47.40% 0.0678 307.30) 71.0%, oklch(48.68% 0.0663 311.51) 74.2%, oklch(50.21% 0.0646 316.15) 77.4%, oklch(51.95% 0.0631 321.42) 80.6%, oklch(54.30% 0.0613 327.96) 83.9%, oklch(57.20% 0.0591 335.50) 87.1%, oklch(60.33% 0.0567 343.33) 90.3%, oklch(63.34% 0.0544 350.74) 93.5%, oklch(65.92% 0.0524 357.04) 96.8%, oklch(67.72% 0.0510 1.51) 100.0%);

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

М’які різнокольорові градієнтиГрадієнти обвітреного садуМ’які нейтральні градієнти

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