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

Лінійний градієнт, 32 кольори, кут 45°: #080b11, #024f7f, #a66ebf, #dfbb69, #faf4db. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #080b11
• #090f19
• #0b1325
• #0e1933
• #111f43
• #152754
• #173164
• #153e72
• #024f7f
• #006385
• #00768e
• #0e8697
• #2491a3
• #3296b6
• #5091ca
• #7b81d2
• #a66ebf
• #c46094
• #d25f64
• #d76b43
• #d87e33
• #da933a
• #dca850
• #dfbb69
• #e3cb80
• #e6d793
• #e9e0a4
• #ede6b2
• #f1ebbf
• #f5eecb
• #f8f1d4
• #faf4db

CSS

background: linear-gradient(45deg in oklch, oklch(14.96% 0.0138 262.97) 0.0%, oklch(16.74% 0.0235 263.37) 3.2%, oklch(19.09% 0.0376 264.34) 6.5%, oklch(21.91% 0.0541 265.33) 9.7%, oklch(25.12% 0.0708 265.76) 12.9%, oklch(28.62% 0.0856 265.06) 16.1%, oklch(32.32% 0.0964 262.65) 19.4%, oklch(36.45% 0.1016 256.41) 22.6%, oklch(41.44% 0.1025 244.74) 25.8%, oklch(46.83% 0.0944 230.98) 29.0%, oklch(52.15% 0.0940 218.48) 32.3%, oklch(56.92% 0.0961 210.71) 35.5%, oklch(60.69% 0.0966 211.13) 38.7%, oklch(62.97% 0.1011 223.20) 41.9%, oklch(63.70% 0.1098 247.23) 45.2%, oklch(63.44% 0.1206 279.15) 48.4%, oklch(62.82% 0.1317 314.65) 51.6%, oklch(62.42% 0.1410 349.46) 54.8%, oklch(62.86% 0.1467 19.26) 58.1%, oklch(64.70% 0.1467 40.41) 61.3%, oklch(67.86% 0.1416 56.31) 64.5%, oklch(71.86% 0.1328 68.78) 67.7%, oklch(76.26% 0.1216 78.47) 71.0%, oklch(80.64% 0.1095 86.03) 74.2%, oklch(84.53% 0.0977 92.11) 77.4%, oklch(87.53% 0.0877 97.31) 80.6%, oklch(89.85% 0.0777 100.34) 83.9%, oklch(91.76% 0.0671 101.04) 87.1%, oklch(93.33% 0.0567 100.19) 90.3%, oklch(94.59% 0.0471 98.59) 93.5%, oklch(95.62% 0.0390 97.05) 96.8%, oklch(96.46% 0.0331 96.35) 100.0%);

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

Астрономічні градієнти в псевдокольорах

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