Синій → пісочно-коричневий, пастельні тони: лінійний градієнт

Лінійний градієнт, 32 кольори, кут 135°: #79a4bb, #add4e4, #d0f9f8, #c8d3a6, #cc8b78. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #79a4bb
• #7ca8be
• #81acc2
• #87b1c6
• #8db7cb
• #95bed1
• #9dc5d7
• #a5ccdd
• #add4e4
• #b5dbea
• #bce2ef
• #c3e8f4
• #c8eef8
• #ccf2fa
• #cff6fb
• #d0f8fb
• #d0f9f8
• #cef8f2
• #cbf5ea
• #c8f1e0
• #c6ebd3
• #c6e5c4
• #c6dcb5
• #c8d3a6
• #cac998
• #cdbe8b
• #ceb382
• #cfa87b
• #d09f78
• #cf9676
• #ce9077
• #cc8b78

CSS

background: linear-gradient(135deg in oklch, oklch(69.69% 0.0579 231.33) 0.0%, oklch(70.71% 0.0572 230.39) 3.2%, oklch(72.11% 0.0561 229.64) 6.5%, oklch(73.80% 0.0548 229.00) 9.7%, oklch(75.74% 0.0533 228.39) 12.9%, oklch(77.85% 0.0516 227.73) 16.1%, oklch(80.08% 0.0499 226.95) 19.4%, oklch(82.37% 0.0481 225.97) 22.6%, oklch(84.65% 0.0464 224.71) 25.8%, oklch(86.86% 0.0448 223.09) 29.0%, oklch(88.94% 0.0434 221.04) 32.3%, oklch(90.82% 0.0422 218.48) 35.5%, oklch(92.46% 0.0413 215.34) 38.7%, oklch(93.77% 0.0407 211.52) 41.9%, oklch(94.71% 0.0406 206.97) 45.2%, oklch(95.21% 0.0410 201.59) 48.4%, oklch(95.21% 0.0419 195.22) 51.6%, oklch(94.71% 0.0434 187.33) 54.8%, oklch(93.77% 0.0455 178.04) 58.1%, oklch(92.46% 0.0481 167.59) 61.3%, oklch(90.82% 0.0510 156.22) 64.5%, oklch(88.94% 0.0543 144.15) 67.7%, oklch(86.86% 0.0578 131.63) 71.0%, oklch(84.65% 0.0614 118.88) 74.2%, oklch(82.37% 0.0651 106.13) 77.4%, oklch(80.08% 0.0688 93.64) 80.6%, oklch(77.85% 0.0723 81.62) 83.9%, oklch(75.74% 0.0757 70.31) 87.1%, oklch(73.80% 0.0788 59.95) 90.3%, oklch(72.11% 0.0815 50.77) 93.5%, oklch(70.71% 0.0837 43.00) 96.8%, oklch(69.69% 0.0854 36.89) 100.0%);

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

Пастельні градієнти

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