Синій, зелений і пісочно-коричневий: лінійний градієнт

Лінійний градієнт, 32 кольори, кут 45°: #4f5c81, #497d76, #80b676, #b9cc88, #d9b3a3. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #4f5c81
• #4c5f81
• #48627f
• #44657c
• #436979
• #446c76
• #467075
• #477675
• #497d76
• #4c8477
• #508c76
• #579475
• #5f9b74
• #68a173
• #71a873
• #78af75
• #80b676
• #88bc78
• #90c17a
• #99c57b
• #a2c87d
• #aaca81
• #b1cc85
• #b9cc88
• #c0cc8b
• #c8ca8c
• #d0c68d
• #d7c18f
• #dbbc94
• #dcb79a
• #dbb49f
• #d9b3a3

CSS

background: linear-gradient(45deg in oklch, oklch(48.03% 0.0620 268.59) 0.0%, oklch(48.35% 0.0600 261.45) 3.2%, oklch(48.70% 0.0567 251.45) 6.5%, oklch(49.16% 0.0530 239.65) 9.7%, oklch(49.77% 0.0497 227.10) 12.9%, oklch(50.60% 0.0477 214.85) 16.1%, oklch(51.71% 0.0479 203.94) 19.4%, oklch(53.17% 0.0509 194.55) 22.6%, oklch(55.00% 0.0564 185.41) 25.8%, oklch(57.09% 0.0636 176.67) 29.0%, oklch(59.32% 0.0716 168.50) 32.3%, oklch(61.58% 0.0793 161.09) 35.5%, oklch(63.75% 0.0860 154.63) 38.7%, oklch(65.79% 0.0912 149.38) 41.9%, oklch(67.91% 0.0964 145.59) 45.2%, oklch(70.05% 0.1012 142.85) 48.4%, oklch(72.15% 0.1054 140.67) 51.6%, oklch(74.11% 0.1085 138.61) 54.8%, oklch(75.86% 0.1101 136.20) 58.1%, oklch(77.33% 0.1099 133.12) 61.3%, oklch(78.63% 0.1075 130.39) 64.5%, oklch(79.77% 0.1034 127.86) 67.7%, oklch(80.73% 0.0983 125.02) 71.0%, oklch(81.49% 0.0926 121.37) 74.2%, oklch(82.03% 0.0869 116.40) 77.4%, oklch(82.32% 0.0817 109.57) 80.6%, oklch(82.23% 0.0761 99.67) 83.9%, oklch(81.80% 0.0700 87.33) 87.1%, oklch(81.18% 0.0638 74.00) 90.3%, oklch(80.50% 0.0580 61.12) 93.5%, oklch(79.91% 0.0531 50.13) 96.8%, oklch(79.53% 0.0496 42.45) 100.0%);

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

Південний весняний дощ

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