Синій, рожевий, лавандовий і блакитний: лінійний градієнт

Лінійний градієнт, 40 кольорів, кут 135°: #5597c8, #b595be, #286192, #a3b5e5, #aaded8. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #5597c8
• #6699cf
• #7e9bd8
• #9a9ede
• #b4a2e0
• #caa6dd
• #d9aad8
• #dfabd3
• #dca9cd
• #cda1c7
• #b595be
• #9787b1
• #7879a0
• #5c6b8c
• #445f7a
• #34566c
• #2a5367
• #23536a
• #1f5673
• #1f5b81
• #286192
• #3667a4
• #466eb4
• #5475c1
• #5f7cc9
• #6c86d1
• #7a91d7
• #899ddd
• #97aae1
• #a3b5e5
• #aec0e8
• #b5c8eb
• #b8cfed
• #b8d4ee
• #b5d7ed
• #b1daeb
• #addbe6
• #abdce1
• #a9dddc
• #aaded8

CSS

background: linear-gradient(135deg in oklch, oklch(65.35% 0.0992 241.87) 0.0%, oklch(66.85% 0.0975 250.86) 2.6%, oklch(69.23% 0.0951 264.38) 5.1%, oklch(72.10% 0.0923 280.57) 7.7%, oklch(75.04% 0.0892 297.59) 10.3%, oklch(77.63% 0.0860 313.57) 12.8%, oklch(79.46% 0.0827 326.65) 15.4%, oklch(80.12% 0.0795 334.98) 17.9%, oklch(79.18% 0.0766 336.70) 20.5%, oklch(76.12% 0.0729 330.63) 23.1%, oklch(71.30% 0.0683 318.32) 25.6%, oklch(65.38% 0.0636 301.90) 28.2%, oklch(59.01% 0.0592 283.49) 30.8%, oklch(52.84% 0.0557 265.20) 33.3%, oklch(47.55% 0.0537 249.15) 35.9%, oklch(43.78% 0.0538 237.46) 38.5%, oklch(42.10% 0.0567 232.00) 41.0%, oklch(42.03% 0.0638 231.57) 43.6%, oklch(43.17% 0.0742 234.70) 46.2%, oklch(45.22% 0.0864 240.29) 48.7%, oklch(47.92% 0.0989 247.23) 51.3%, oklch(51.00% 0.1102 254.44) 53.8%, oklch(54.17% 0.1189 260.80) 56.4%, oklch(57.18% 0.1236 265.21) 59.0%, oklch(59.96% 0.1229 267.21) 61.5%, oklch(63.20% 0.1172 268.69) 64.1%, oklch(66.80% 0.1078 269.74) 66.7%, oklch(70.55% 0.0962 270.17) 69.2%, oklch(74.26% 0.0835 269.78) 71.8%, oklch(77.72% 0.0713 268.39) 74.4%, oklch(80.73% 0.0608 265.82) 76.9%, oklch(83.09% 0.0534 261.87) 79.5%, oklch(84.69% 0.0495 255.87) 82.1%, oklch(85.69% 0.0477 247.19) 84.6%, oklch(86.22% 0.0475 236.70) 87.2%, oklch(86.41% 0.0484 225.27) 89.7%, oklch(86.38% 0.0500 213.79) 92.3%, oklch(86.26% 0.0517 203.16) 94.9%, oklch(86.16% 0.0531 194.26) 97.4%, oklch(86.22% 0.0537 187.98) 100.0%);

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

Інтерфейс із переливчастого скла

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