Персиковий, червоний, фіолетовий і бірюзовий: лінійний градієнт

Лінійний градієнт, 32 кольори, кут 225°: #f1b268, #cf514f, #8f3f7f, #464b8c, #26574f. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #f1b268
• #f0a961
• #ed9c57
• #ea8d4e
• #e57d49
• #e06e47
• #da6148
• #d5584c
• #cf514f
• #ca4b52
• #c44756
• #bf435b
• #b84162
• #b03e69
• #a63e71
• #9b3e79
• #8f3f7f
• #834185
• #784288
• #6d448b
• #63458c
• #5a478d
• #50498d
• #464b8c
• #3a4d8a
• #2d5086
• #1c537e
• #085674
• #025869
• #10595e
• #1d5855
• #26574f

CSS

background: linear-gradient(225deg in oklch, oklch(80.71% 0.1171 68.91) 0.0%, oklch(78.81% 0.1219 64.94) 3.2%, oklch(76.11% 0.1290 59.38) 6.5%, oklch(72.94% 0.1372 52.82) 9.7%, oklch(69.63% 0.1455 45.84) 12.9%, oklch(66.48% 0.1527 39.04) 16.1%, oklch(63.83% 0.1578 32.99) 19.4%, oklch(61.80% 0.1604 28.09) 22.6%, oklch(60.11% 0.1615 23.97) 25.8%, oklch(58.65% 0.1614 20.23) 29.0%, oklch(57.34% 0.1602 16.41) 32.3%, oklch(56.11% 0.1582 12.11) 35.5%, oklch(54.85% 0.1555 6.88) 38.7%, oklch(53.53% 0.1521 0.39) 41.9%, oklch(52.19% 0.1473 352.81) 45.2%, oklch(50.88% 0.1413 344.45) 48.4%, oklch(49.63% 0.1349 335.62) 51.6%, oklch(48.46% 0.1285 326.63) 54.8%, oklch(47.41% 0.1228 317.78) 58.1%, oklch(46.51% 0.1182 309.38) 61.3%, oklch(45.74% 0.1147 301.51) 64.5%, oklch(45.08% 0.1120 293.88) 67.7%, oklch(44.53% 0.1094 286.13) 71.0%, oklch(44.05% 0.1065 277.92) 74.2%, oklch(43.62% 0.1029 268.91) 77.4%, oklch(43.23% 0.0981 258.70) 80.6%, oklch(42.91% 0.0915 246.07) 83.9%, oklch(42.67% 0.0835 231.57) 87.1%, oklch(42.48% 0.0750 216.53) 90.3%, oklch(42.34% 0.0669 202.30) 93.5%, oklch(42.22% 0.0600 190.21) 96.8%, oklch(42.13% 0.0551 181.63) 100.0%);

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

Тетрадна палітра кольорів

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