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

Радіальний градієнт, 32 кольори: #fffbef, #e1cba3, #a78364, #896a4b, #939b63. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #fffbef
• #fdf8e8
• #f9f3e1
• #f6eed8
• #f2e8ce
• #eee1c4
• #eadab9
• #e6d3ae
• #e1cba3
• #dcc399
• #d7bb90
• #d1b488
• #caaa81
• #c2a179
• #ba9672
• #b08c6b
• #a78364
• #9e7a5f
• #977359
• #906d55
• #8b6951
• #89674e
• #88684c
• #896a4b
• #8b6f4c
• #8e754d
• #907c4f
• #928352
• #938b57
• #94915b
• #949760
• #939b63

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(98.82% 0.0170 92.85) 0.0%, oklch(97.76% 0.0209 91.99) 3.2%, oklch(96.45% 0.0251 90.98) 6.5%, oklch(94.91% 0.0301 89.79) 9.7%, oklch(93.19% 0.0357 88.45) 12.9%, oklch(91.30% 0.0416 86.99) 16.1%, oklch(89.28% 0.0475 85.43) 19.4%, oklch(87.18% 0.0532 83.78) 22.6%, oklch(85.01% 0.0582 82.08) 25.8%, oklch(82.82% 0.0624 80.34) 29.0%, oklch(80.64% 0.0654 78.60) 32.3%, oklch(78.38% 0.0671 76.68) 35.5%, oklch(75.76% 0.0675 74.10) 38.7%, oklch(72.85% 0.0670 71.06) 41.9%, oklch(69.78% 0.0658 67.77) 45.2%, oklch(66.68% 0.0640 64.47) 48.4%, oklch(63.67% 0.0620 61.40) 51.6%, oklch(60.86% 0.0600 58.79) 54.8%, oklch(58.39% 0.0583 56.86) 58.1%, oklch(56.36% 0.0570 55.86) 61.3%, oklch(54.92% 0.0564 56.02) 64.5%, oklch(54.17% 0.0567 57.59) 67.7%, oklch(54.18% 0.0578 60.93) 71.0%, oklch(54.84% 0.0595 65.79) 74.2%, oklch(56.01% 0.0616 71.81) 77.4%, oklch(57.56% 0.0641 78.62) 80.6%, oklch(59.34% 0.0667 85.84) 83.9%, oklch(61.21% 0.0693 93.09) 87.1%, oklch(63.05% 0.0718 100.01) 90.3%, oklch(64.71% 0.0740 106.22) 93.5%, oklch(66.05% 0.0759 111.34) 96.8%, oklch(66.93% 0.0772 115.00) 100.0%);

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

Кремовий

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