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

Радіальний градієнт, 32 кольори: #193843, #2f8cac, #7c8eda, #e48dd0, #a62f88. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #193843
• #1b3f4b
• #1e4856
• #205464
• #236173
• #256e83
• #287a92
• #2b85a0
• #2f8cac
• #3590b6
• #3c92bd
• #4493c4
• #4e92c9
• #5891cd
• #638fd1
• #6f8ed5
• #7c8eda
• #8c8edf
• #9f8fe2
• #b190e4
• #c391e2
• #d291de
• #dd90d8
• #e48dd0
• #e586c7
• #e07cbd
• #d86fb2
• #cd61a7
• #c1529d
• #b64495
• #ac388d
• #a62f88

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(32.28% 0.0413 223.59) 0.0%, oklch(34.61% 0.0460 223.36) 3.2%, oklch(37.88% 0.0526 222.72) 6.5%, oklch(41.78% 0.0604 221.94) 9.7%, oklch(46.01% 0.0689 221.28) 12.9%, oklch(50.25% 0.0774 221.03) 16.1%, oklch(54.19% 0.0854 221.46) 19.4%, oklch(57.53% 0.0924 222.83) 22.6%, oklch(59.97% 0.0976 225.42) 25.8%, oklch(61.61% 0.1014 229.10) 29.0%, oklch(62.71% 0.1043 233.67) 32.3%, oklch(63.40% 0.1064 239.01) 35.5%, oklch(63.86% 0.1081 244.99) 38.7%, oklch(64.22% 0.1096 251.47) 41.9%, oklch(64.65% 0.1112 258.33) 45.2%, oklch(65.29% 0.1132 265.43) 48.4%, oklch(66.33% 0.1156 272.87) 51.6%, oklch(67.88% 0.1180 281.63) 54.8%, oklch(69.73% 0.1204 291.40) 58.1%, oklch(71.65% 0.1228 301.60) 61.3%, oklch(73.41% 0.1254 311.67) 64.5%, oklch(74.78% 0.1283 321.05) 67.7%, oklch(75.51% 0.1316 329.16) 71.0%, oklch(75.39% 0.1354 335.45) 74.2%, oklch(74.12% 0.1400 339.53) 77.4%, oklch(71.63% 0.1458 341.81) 80.6%, oklch(68.30% 0.1522 342.68) 83.9%, oklch(64.47% 0.1590 342.55) 87.1%, oklch(60.52% 0.1656 341.80) 90.3%, oklch(56.81% 0.1717 340.84) 93.5%, oklch(53.71% 0.1768 340.05) 96.8%, oklch(51.57% 0.1805 339.84) 100.0%);

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

Рожево-сині градієнти

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