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

Лінійний градієнт, 32 кольори, кут 45°: #790e54, #37559d, #248881, #67aba1, #94cecf. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #790e54
• #77165e
• #741e69
• #6f2675
• #682f82
• #5f388c
• #544195
• #474b9b
• #37559d
• #225e9c
• #006799
• #006e90
• #00748a
• #007a87
• #007f84
• #0f8482
• #248881
• #318c82
• #3d9184
• #479688
• #509b8d
• #58a093
• #5fa69a
• #67aba1
• #6eb1a8
• #74b6af
• #7bbbb6
• #81bfbc
• #86c4c2
• #8cc8c7
• #90cbcb
• #94cecf

CSS

background: linear-gradient(45deg in oklch, oklch(38.98% 0.1530 347.34) 0.0%, oklch(39.59% 0.1506 341.31) 3.2%, oklch(40.31% 0.1478 333.54) 6.5%, oklch(41.13% 0.1444 324.29) 9.7%, oklch(42.03% 0.1406 313.82) 12.9%, oklch(43.02% 0.1365 302.40) 16.1%, oklch(44.08% 0.1321 290.27) 19.4%, oklch(45.20% 0.1275 277.71) 22.6%, oklch(46.39% 0.1227 264.97) 25.8%, oklch(47.62% 0.1180 252.30) 29.0%, oklch(48.90% 0.1120 240.01) 32.3%, oklch(50.21% 0.0982 228.28) 35.5%, oklch(51.54% 0.0923 217.41) 38.7%, oklch(52.90% 0.0908 207.66) 41.9%, oklch(54.26% 0.0922 199.29) 45.2%, oklch(55.62% 0.0925 192.56) 48.4%, oklch(57.00% 0.0894 187.64) 51.6%, oklch(58.51% 0.0865 184.13) 54.8%, oklch(60.15% 0.0838 181.81) 58.1%, oklch(61.88% 0.0811 180.55) 61.3%, oklch(63.70% 0.0786 180.20) 64.5%, oklch(65.56% 0.0762 180.64) 67.7%, oklch(67.44% 0.0739 181.71) 71.0%, oklch(69.32% 0.0717 183.29) 74.2%, oklch(71.17% 0.0697 185.23) 77.4%, oklch(72.96% 0.0678 187.39) 80.6%, oklch(74.67% 0.0661 189.64) 83.9%, oklch(76.28% 0.0644 191.83) 87.1%, oklch(77.75% 0.0629 193.83) 90.3%, oklch(79.06% 0.0616 195.50) 93.5%, oklch(80.19% 0.0603 196.70) 96.8%, oklch(81.10% 0.0593 197.29) 100.0%);

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

Вінтажні винні й бірюзові відтінки

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