Синій, бежевий і зелений, пастельні тони: лінійний градієнт

Лінійний градієнт, 32 кольори, кут 135°: #6d93cb, #a8d2fe, #e7fdea, #fbffab, #c5fa6f. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #6d93cb
• #7099d1
• #76a2da
• #7cace3
• #83b6eb
• #8bbef1
• #95c5f7
• #9fccfb
• #a8d2fe
• #b0d9ff
• #b9dffe
• #c5e5fa
• #d1eaf6
• #daeef4
• #dff3f4
• #e2f9f1
• #e7fdea
• #f1fee0
• #faffd6
• #fffed0
• #fffed0
• #feffbb
• #fcffb6
• #fbffab
• #f8ffa3
• #f3ff9b
• #eeff92
• #e7ff84
• #dffe7b
• #d5fd76
• #ccfb72
• #c5fa6f

CSS

background: linear-gradient(135deg in oklch, oklch(65.75% 0.0951 258.05) 0.0%, oklch(67.59% 0.0950 256.58) 3.2%, oklch(70.24% 0.0951 254.45) 6.5%, oklch(73.23% 0.0947 252.15) 9.7%, oklch(76.09% 0.0934 250.20) 12.9%, oklch(78.50% 0.0906 249.25) 16.1%, oklch(80.74% 0.0870 249.71) 19.4%, oklch(82.89% 0.0824 250.36) 22.6%, oklch(84.94% 0.0765 249.85) 25.8%, oklch(86.89% 0.0683 246.87) 29.0%, oklch(88.76% 0.0578 242.35) 32.3%, oklch(90.55% 0.0440 236.48) 35.5%, oklch(92.21% 0.0313 228.27) 38.7%, oklch(93.70% 0.0231 216.68) 41.9%, oklch(95.02% 0.0219 199.46) 45.2%, oklch(96.22% 0.0259 175.28) 48.4%, oklch(97.24% 0.0335 149.20) 51.6%, oklch(98.03% 0.0428 126.53) 54.8%, oklch(98.54% 0.0524 112.42) 58.1%, oklch(98.70% 0.0597 106.76) 61.3%, oklch(98.61% 0.0595 106.30) 64.5%, oklch(98.36% 0.0865 108.29) 67.7%, oklch(98.07% 0.0927 110.03) 71.0%, oklch(97.78% 0.1055 110.70) 74.2%, oklch(97.42% 0.1151 112.19) 77.4%, oklch(96.97% 0.1237 114.20) 80.6%, oklch(96.42% 0.1346 116.34) 83.9%, oklch(95.74% 0.1509 118.37) 87.1%, oklch(94.80% 0.1610 120.75) 90.3%, oklch(93.75% 0.1674 123.24) 93.5%, oklch(92.79% 0.1726 125.46) 96.8%, oklch(92.13% 0.1764 127.01) 100.0%);

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

Градієнти для фону в ZoomСиньо-зелені градієнти

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