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

Кутовий градієнт, 32 кольори, кут 135°: #fdf1db, #efc176, #d38141, #984f40, #422729. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #fdf1db
• #fbedd3
• #fae9ca
• #f9e4be
• #f7deb1
• #f6d7a3
• #f4d094
• #f2c985
• #efc176
• #edb969
• #eab15d
• #e7aa54
• #e4a24d
• #e19a47
• #dd9144
• #d88942
• #d38141
• #cd7942
• #c67242
• #bf6a43
• #b76343
• #ae5d42
• #a35641
• #984f40
• #8b493e
• #7e423c
• #713c39
• #653735
• #5a3232
• #502e2e
• #482a2b
• #422729

CSS

background: conic-gradient(from 135deg in oklch, oklch(96.06% 0.0317 82.97) 0.0%, oklch(95.11% 0.0373 82.60) 3.2%, oklch(93.92% 0.0451 82.26) 6.5%, oklch(92.53% 0.0544 81.92) 9.7%, oklch(90.96% 0.0648 81.52) 12.9%, oklch(89.25% 0.0758 81.02) 16.1%, oklch(87.43% 0.0869 80.36) 19.4%, oklch(85.54% 0.0974 79.50) 22.6%, oklch(83.61% 0.1070 78.38) 25.8%, oklch(81.67% 0.1151 76.96) 29.0%, oklch(79.76% 0.1212 75.19) 32.3%, oklch(77.88% 0.1250 72.99) 35.5%, oklch(75.97% 0.1277 70.27) 38.7%, oklch(74.01% 0.1292 67.13) 41.9%, oklch(72.01% 0.1297 63.66) 45.2%, oklch(69.96% 0.1293 59.97) 48.4%, oklch(67.87% 0.1281 56.15) 51.6%, oklch(65.73% 0.1262 52.31) 54.8%, oklch(63.55% 0.1237 48.54) 58.1%, oklch(61.31% 0.1205 44.96) 61.3%, oklch(59.03% 0.1170 41.64) 64.5%, oklch(56.68% 0.1129 38.69) 67.7%, oklch(54.08% 0.1075 35.81) 71.0%, oklch(51.25% 0.1006 32.96) 74.2%, oklch(48.28% 0.0926 30.16) 77.4%, oklch(45.25% 0.0840 27.46) 80.6%, oklch(42.25% 0.0752 24.89) 83.9%, oklch(39.36% 0.0664 22.49) 87.1%, oklch(36.68% 0.0581 20.30) 90.3%, oklch(34.28% 0.0507 18.35) 93.5%, oklch(32.26% 0.0445 16.68) 96.8%, oklch(30.71% 0.0400 15.34) 100.0%);

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

Conic gradientsПалітри нашарування ароматів

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