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

Лінійний градієнт, 32 кольори, кут 90°: #150109, #01010c, #4f4b4c, #a58758, #c97e10. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #150109
• #0b0107
• #020003
• #000000
• #000000
• #000000
• #000000
• #000003
• #01010c
• #020317
• #050920
• #0c1428
• #172030
• #252a39
• #343440
• #443e45
• #4f4b4c
• #595756
• #64615f
• #726a63
• #817363
• #8f7b60
• #9b815d
• #a58758
• #ae8b52
• #b78d4a
• #be8e41
• #c48d39
• #c78a2f
• #c88624
• #c8811a
• #c97e10

CSS

background: linear-gradient(90deg in oklch, oklch(13.39% 0.0455 355.08) 0.0%, oklch(10.79% 0.0364 339.35) 3.2%, oklch(6.88% 0.0228 316.16) 6.5%, oklch(2.98% 0.0093 291.79) 9.7%, oklch(0.39% 0.0009 272.51) 12.9%, oklch(0.25% 0.0016 271.33) 16.1%, oklch(1.84% 0.0127 264.05) 19.4%, oklch(4.60% 0.0282 266.85) 22.6%, oklch(8.03% 0.0419 271.59) 25.8%, oklch(11.51% 0.0486 273.70) 29.0%, oklch(15.35% 0.0475 270.37) 32.3%, oklch(19.68% 0.0421 264.93) 35.5%, oklch(24.23% 0.0347 262.42) 38.7%, oklch(28.70% 0.0277 267.87) 41.9%, oklch(32.98% 0.0218 286.77) 45.2%, oklch(37.33% 0.0140 318.82) 48.4%, oklch(41.62% 0.0069 355.87) 51.6%, oklch(45.71% 0.0032 29.54) 54.8%, oklch(49.46% 0.0056 51.81) 58.1%, oklch(53.01% 0.0152 64.09) 61.3%, oklch(56.33% 0.0294 70.49) 64.5%, oklch(59.32% 0.0454 73.60) 67.7%, oklch(61.88% 0.0602 76.01) 71.0%, oklch(63.97% 0.0731 78.27) 74.2%, oklch(65.66% 0.0863 78.49) 77.4%, oklch(66.95% 0.0990 77.48) 80.6%, oklch(67.81% 0.1103 76.06) 83.9%, oklch(68.20% 0.1194 74.89) 87.1%, oklch(67.88% 0.1268 73.21) 90.3%, oklch(67.12% 0.1327 71.19) 93.5%, oklch(66.28% 0.1372 69.29) 96.8%, oklch(65.75% 0.1406 67.99) 100.0%);

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

Градієнти на Хелловін

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