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

Лінійний градієнт, 32 кольори, кут 135°: #da695e, #ecc47a, #a5c094, #7c8b59, #91323b. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #da695e
• #dd6f5c
• #e1795b
• #e6845b
• #e9915d
• #ec9f61
• #edac68
• #edb971
• #ecc47a
• #e9cc84
• #e4d28b
• #ddd48f
• #d4d393
• #c9d195
• #bdcd96
• #b0c795
• #a5c094
• #9ab890
• #90b08b
• #87a885
• #81a17e
• #7d9a75
• #7b9368
• #7c8b59
• #808147
• #867534
• #8d6825
• #925b1d
• #954e21
• #95422b
• #933834
• #91323b

CSS

background: linear-gradient(135deg in oklch, oklch(65.35% 0.1447 27.42) 0.0%, oklch(66.72% 0.1415 31.53) 3.2%, oklch(68.70% 0.1373 36.93) 6.5%, oklch(71.11% 0.1322 43.36) 9.7%, oklch(73.79% 0.1266 50.56) 12.9%, oklch(76.58% 0.1206 58.27) 16.1%, oklch(79.30% 0.1144 66.23) 19.4%, oklch(81.78% 0.1082 74.17) 22.6%, oklch(83.87% 0.1024 81.83) 25.8%, oklch(85.38% 0.0970 88.96) 29.0%, oklch(86.16% 0.0923 95.28) 32.3%, oklch(86.08% 0.0882 101.03) 35.5%, oklch(85.31% 0.0840 107.46) 38.7%, oklch(83.96% 0.0797 114.32) 41.9%, oklch(82.14% 0.0755 121.23) 45.2%, oklch(79.96% 0.0716 127.81) 48.4%, oklch(77.53% 0.0681 133.67) 51.6%, oklch(74.96% 0.0653 138.45) 54.8%, oklch(72.36% 0.0633 141.75) 58.1%, oklch(69.85% 0.0623 143.21) 61.3%, oklch(67.53% 0.0625 142.43) 64.5%, oklch(65.48% 0.0641 138.98) 67.7%, oklch(63.37% 0.0677 131.91) 71.0%, oklch(61.14% 0.0730 121.62) 74.2%, oklch(58.85% 0.0797 108.91) 77.4%, oklch(56.54% 0.0873 94.56) 80.6%, oklch(54.28% 0.0954 79.35) 83.9%, oklch(52.12% 0.1035 64.07) 87.1%, oklch(50.13% 0.1113 49.50) 90.3%, oklch(48.35% 0.1183 36.43) 93.5%, oklch(46.84% 0.1240 25.64) 96.8%, oklch(45.67% 0.1281 17.91) 100.0%);

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

Червоно-зелені градієнти

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