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

Лінійний градієнт, 32 кольори, кут 135°: #f1e4c5, #a85f3d, #b6462e, #df7a36, #d9bd78. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #f1e4c5
• #ebdab9
• #e3cda9
• #d9bc96
• #cfaa81
• #c5966d
• #ba835b
• #b0704a
• #a85f3d
• #a05134
• #9c462e
• #9a402a
• #9c3d29
• #a03c29
• #a63d2a
• #ae412c
• #b6462e
• #bf4c30
• #c85331
• #d05a33
• #d66133
• #da6833
• #dd7034
• #df7a36
• #e0843a
• #e08e41
• #df9849
• #dea254
• #dcab5e
• #dbb268
• #dab871
• #d9bd78

CSS

background: linear-gradient(135deg in oklch, oklch(92.13% 0.0427 87.89) 0.0%, oklch(89.45% 0.0475 84.68) 3.2%, oklch(85.71% 0.0538 80.25) 6.5%, oklch(81.18% 0.0614 74.90) 9.7%, oklch(76.14% 0.0699 68.94) 12.9%, oklch(70.84% 0.0789 62.66) 16.1%, oklch(65.57% 0.0882 56.36) 19.4%, oklch(60.60% 0.0973 50.34) 22.6%, oklch(56.18% 0.1060 44.89) 25.8%, oklch(52.61% 0.1139 40.32) 29.0%, oklch(50.14% 0.1207 36.93) 32.3%, oklch(48.93% 0.1264 34.80) 35.5%, oklch(48.70% 0.1320 33.41) 38.7%, oklch(49.26% 0.1375 32.65) 41.9%, oklch(50.48% 0.1427 32.48) 45.2%, oklch(52.20% 0.1474 32.84) 48.4%, oklch(54.27% 0.1516 33.68) 51.6%, oklch(56.54% 0.1550 34.95) 54.8%, oklch(58.86% 0.1575 36.60) 58.1%, oklch(61.09% 0.1589 38.58) 61.3%, oklch(63.07% 0.1591 40.82) 64.5%, oklch(64.69% 0.1579 43.35) 67.7%, oklch(66.33% 0.1546 46.73) 71.0%, oklch(68.10% 0.1494 50.96) 74.2%, oklch(69.94% 0.1427 55.82) 77.4%, oklch(71.81% 0.1351 61.06) 80.6%, oklch(73.65% 0.1269 66.47) 83.9%, oklch(75.42% 0.1187 71.81) 87.1%, oklch(77.06% 0.1108 76.85) 90.3%, oklch(78.52% 0.1037 81.37) 93.5%, oklch(79.75% 0.0978 85.12) 96.8%, oklch(80.71% 0.0937 87.89) 100.0%);

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

Градієнти врожаю

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