Candlelit Claret Rings

Pale peach sits at the center, surrounded in order by dusty rose, brick red, claret, muted tan, cream, and soft beige at the edge. Linear gradient, 32 colors at 135°: #ffd7a1, #b57968, #863f34, #f3e3c6, #e9c9b5. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#ffd7a1
#facf9b
#f3c494
#eab88d
#e0aa85
#d49c7d
#c98f76
#be836f
#b57968
#ac6d5f
#a16055
#97534a
#8d4741
#863e39
#823833
#813831
#863f34
#924f3d
#a2664c
#b48262
#c69f7d
#d8bb99
#e8d3b3
#f3e3c6
#f9ebcf
#fcecd2
#fbe9d0
#f8e3cb
#f3dbc4
#efd3bd
#ebcdb8
#e9c9b5

CSS

background: linear-gradient(135deg in oklch, oklch(90.16% 0.0825 75.24) 0.0%, oklch(88.03% 0.0835 71.97) 3.2%, oklch(85.14% 0.0826 67.39) 6.5%, oklch(81.70% 0.0816 61.92) 9.7%, oklch(77.91% 0.0805 55.99) 12.9%, oklch(73.98% 0.0796 50.05) 16.1%, oklch(70.13% 0.0792 44.53) 19.4%, oklch(66.55% 0.0793 39.87) 22.6%, oklch(63.41% 0.0803 36.44) 25.8%, oklch(59.90% 0.0829 33.47) 29.0%, oklch(55.96% 0.0869 30.71) 32.3%, oklch(52.00% 0.0915 28.37) 35.5%, oklch(48.40% 0.0962 26.67) 38.7%, oklch(45.57% 0.1001 25.81) 41.9%, oklch(43.92% 0.1025 26.00) 45.2%, oklch(43.82% 0.1028 27.47) 48.4%, oklch(45.80% 0.1003 30.61) 51.6%, oklch(50.41% 0.0945 36.49) 54.8%, oklch(57.02% 0.0862 44.41) 58.1%, oklch(64.84% 0.0766 53.45) 61.3%, oklch(73.05% 0.0664 62.67) 64.5%, oklch(80.88% 0.0567 71.15) 67.7%, oklch(87.51% 0.0483 77.93) 71.0%, oklch(92.16% 0.0424 82.11) 74.2%, oklch(94.39% 0.0392 83.00) 77.4%, oklch(94.93% 0.0380 81.20) 80.6%, oklch(94.21% 0.0382 77.44) 83.9%, oklch(92.63% 0.0394 72.41) 87.1%, oklch(90.60% 0.0412 66.85) 90.3%, oklch(88.52% 0.0431 61.47) 93.5%, oklch(86.80% 0.0447 56.98) 96.8%, oklch(85.83% 0.0455 54.10) 100.0%);

In these collections

Warm gradients