Amber black to ivory

Black, brown, gray and white color palette

Linear gradient, 32 colors at 120°: #0e0a05, #36291a, #908067, #e4d8c6, #fff9ee. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#0e0a05
#110c06
#140e07
#181108
#1c140a
#21180d
#271d10
#2e2214
#36291a
#3f3120
#493a28
#544431
#604f3a
#6c5b45
#786750
#84745b
#908067
#9d8c74
#aa9a82
#b7a891
#c3b59f
#cfc2ad
#daceba
#e4d8c6
#ebe0cf
#f1e7d6
#f5ecdc
#f8f0e1
#faf3e5
#fcf5e8
#fdf7eb
#fff9ee

CSS

background: linear-gradient(120deg in oklch, oklch(14.96% 0.0138 77.34) 0.0%, oklch(15.91% 0.0153 76.64) 3.2%, oklch(17.05% 0.0173 75.59) 6.5%, oklch(18.39% 0.0198 74.34) 9.7%, oklch(19.97% 0.0225 73.02) 12.9%, oklch(21.80% 0.0252 71.78) 16.1%, oklch(23.91% 0.0279 70.76) 19.4%, oklch(26.33% 0.0302 70.11) 22.6%, oklch(29.07% 0.0321 69.96) 25.8%, oklch(32.27% 0.0340 70.35) 29.0%, oklch(35.90% 0.0358 71.14) 32.3%, oklch(39.84% 0.0375 72.22) 35.5%, oklch(44.00% 0.0390 73.46) 38.7%, oklch(48.26% 0.0403 74.75) 41.9%, oklch(52.51% 0.0411 75.95) 45.2%, oklch(56.66% 0.0414 76.96) 48.4%, oklch(60.67% 0.0411 77.67) 51.6%, oklch(64.91% 0.0401 78.21) 54.8%, oklch(69.30% 0.0385 78.64) 58.1%, oklch(73.71% 0.0366 79.00) 61.3%, oklch(78.00% 0.0343 79.33) 64.5%, oklch(82.03% 0.0321 79.64) 67.7%, oklch(85.64% 0.0299 79.99) 71.0%, oklch(88.71% 0.0280 80.40) 74.2%, oklch(91.14% 0.0263 80.90) 77.4%, oklch(93.06% 0.0247 81.48) 80.6%, oklch(94.55% 0.0230 82.11) 83.9%, oklch(95.69% 0.0214 82.75) 87.1%, oklch(96.57% 0.0199 83.36) 90.3%, oklch(97.27% 0.0185 83.92) 93.5%, oklch(97.86% 0.0174 84.39) 96.8%, oklch(98.42% 0.0164 84.78) 100.0%);

In these collections

Black and white gradients