Блакитний, фіолетовий і чорний, аналогова гама: радіальний градієнт

Радіальний градієнт, 32 кольори: #e4f1fe, #99acf5, #553ea2, #21114f, #03040e. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #e4f1fe
• #ddedfe
• #d4e8fe
• #cae1ff
• #c0d9ff
• #b6d0fe
• #acc5fc
• #a2baf9
• #99acf5
• #909ef0
• #888ee9
• #817fe1
• #7970d7
• #7262cc
• #6955bf
• #5f49b1
• #553ea2
• #4b3494
• #422b87
• #3a237a
• #331d6f
• #2d1864
• #261459
• #21114f
• #1b0e45
• #160b3c
• #110933
• #0c082a
• #080621
• #050519
• #040413
• #03040e

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(95.28% 0.0220 246.80) 0.0%, oklch(93.98% 0.0284 248.77) 3.2%, oklch(92.30% 0.0371 251.49) 6.5%, oklch(90.26% 0.0475 254.71) 9.7%, oklch(87.91% 0.0588 258.22) 12.9%, oklch(85.30% 0.0705 261.78) 16.1%, oklch(82.48% 0.0819 265.18) 19.4%, oklch(79.37% 0.0934 268.48) 22.6%, oklch(75.87% 0.1067 272.08) 25.8%, oklch(72.07% 0.1205 275.76) 29.0%, oklch(68.11% 0.1337 279.31) 32.3%, oklch(64.10% 0.1451 282.49) 35.5%, oklch(60.18% 0.1535 285.08) 38.7%, oklch(56.38% 0.1579 286.90) 41.9%, oklch(52.45% 0.1592 288.07) 45.2%, oklch(48.48% 0.1579 288.75) 48.4%, oklch(44.56% 0.1548 289.05) 51.6%, oklch(40.81% 0.1503 289.12) 54.8%, oklch(37.34% 0.1451 289.08) 58.1%, oklch(34.24% 0.1397 289.06) 61.3%, oklch(31.46% 0.1329 288.93) 64.5%, oklch(28.95% 0.1248 288.64) 67.7%, oklch(26.64% 0.1159 288.19) 71.0%, oklch(24.49% 0.1065 287.55) 74.2%, oklch(22.45% 0.0970 286.71) 77.4%, oklch(20.47% 0.0877 285.66) 80.6%, oklch(18.52% 0.0774 284.16) 83.9%, oklch(16.62% 0.0662 282.26) 87.1%, oklch(14.87% 0.0549 280.21) 90.3%, oklch(13.30% 0.0443 278.22) 93.5%, oklch(12.00% 0.0354 276.51) 96.8%, oklch(11.02% 0.0289 275.33) 100.0%);

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

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

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