Темно-синій, фіолетовий, рожевий і бежевий: лінійний градієнт

Лінійний градієнт, 32 кольори, кут 45°: #251f66, #6b4798, #ba5184, #f9a738, #fff3ac. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #251f66
• #29236b
• #302872
• #382f7b
• #413684
• #4b3d8c
• #564292
• #604596
• #6b4798
• #764998
• #814a97
• #8b4b95
• #964d92
• #9f4e8f
• #a84f8c
• #b15088
• #ba5184
• #c3537e
• #ce5776
• #d95f6c
• #e56b5f
• #f07d4f
• #f79140
• #f9a738
• #f8bb3f
• #f6ca4e
• #f5d660
• #f7df72
• #f9e682
• #fceb90
• #ffef9b
• #fff3ac

CSS

background: linear-gradient(45deg in oklch, oklch(29.53% 0.1199 279.84) 0.0%, oklch(31.15% 0.1208 280.88) 3.2%, oklch(33.44% 0.1220 282.06) 6.5%, oklch(36.14% 0.1235 283.57) 9.7%, oklch(38.98% 0.1251 285.56) 12.9%, oklch(41.71% 0.1266 288.22) 16.1%, oklch(44.08% 0.1279 291.71) 19.4%, oklch(45.98% 0.1289 296.27) 22.6%, oklch(47.65% 0.1295 301.91) 25.8%, oklch(49.15% 0.1301 308.33) 29.0%, oklch(50.56% 0.1307 315.20) 32.3%, oklch(51.94% 0.1315 322.20) 35.5%, oklch(53.35% 0.1329 329.02) 38.7%, oklch(54.77% 0.1351 335.32) 41.9%, oklch(55.98% 0.1383 341.02) 45.2%, oklch(57.10% 0.1420 346.56) 48.4%, oklch(58.30% 0.1459 352.35) 51.6%, oklch(59.74% 0.1494 358.84) 54.8%, oklch(61.60% 0.1520 6.47) 58.1%, oklch(64.07% 0.1534 15.80) 61.3%, oklch(67.32% 0.1542 27.80) 64.5%, oklch(71.11% 0.1545 41.58) 67.7%, oklch(75.13% 0.1541 55.87) 71.0%, oklch(79.08% 0.1528 69.42) 74.2%, oklch(82.66% 0.1504 80.94) 77.4%, oklch(85.56% 0.1465 89.22) 80.6%, oklch(87.98% 0.1403 94.35) 83.9%, oklch(90.09% 0.1320 97.22) 87.1%, oklch(91.90% 0.1227 98.51) 90.3%, oklch(93.43% 0.1137 98.87) 93.5%, oklch(94.68% 0.1059 98.98) 96.8%, oklch(95.67% 0.0903 99.50) 100.0%);

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

Градієнти для карт погоди

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