Red Purple Gold Field

Muted rainbow from pink to gray color palette

This diagonal gradient moves through pale red, orange, teal, muted violet, deep purple, deep red, orange, and muted gold. Linear gradient, 32 colors at 45°: #f3b0ab, #4c8773, #4f2e4f, #350a03, #ceceac. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#f3b0ab
#ecac9c
#e1a789
#d0a276
#bb9e66
#a19a5e
#84965f
#679068
#4c8773
#3e7a7c
#406b7d
#465d76
#4a516d
#4c4764
#4d3e5d
#4e3656
#4f2e4f
#512748
#52203e
#501a33
#4b1425
#430e17
#3a0a0a
#350a03
#340f01
#3b1a03
#4b2f13
#644d2e
#817150
#a09674
#bbb795
#ceceac

CSS

background: linear-gradient(45deg in oklch, oklch(81.89% 0.0785 24.61) 0.0%, oklch(80.03% 0.0789 34.76) 3.2%, oklch(77.49% 0.0797 48.26) 6.5%, oklch(74.46% 0.0805 64.47) 9.7%, oklch(71.14% 0.0809 82.75) 12.9%, oklch(67.73% 0.0805 102.47) 16.1%, oklch(64.41% 0.0790 122.97) 19.4%, oklch(61.15% 0.0755 145.10) 22.6%, oklch(57.63% 0.0696 170.65) 25.8%, oklch(53.99% 0.0625 198.00) 29.0%, oklch(50.40% 0.0555 225.45) 32.3%, oklch(47.01% 0.0499 251.26) 35.5%, oklch(43.99% 0.0470 273.73) 38.7%, oklch(41.44% 0.0481 291.53) 41.9%, oklch(39.26% 0.0533 305.64) 45.2%, oklch(37.37% 0.0612 317.11) 48.4%, oklch(35.70% 0.0700 326.89) 51.6%, oklch(34.18% 0.0781 335.91) 54.8%, oklch(32.74% 0.0838 345.13) 58.1%, oklch(31.21% 0.0857 355.31) 61.3%, oklch(28.79% 0.0842 5.47) 64.5%, oklch(25.96% 0.0806 15.35) 67.7%, oklch(23.51% 0.0756 25.00) 71.0%, oklch(22.20% 0.0702 34.49) 74.2%, oklch(22.81% 0.0651 43.88) 77.4%, oklch(26.14% 0.0614 53.28) 80.6%, oklch(33.38% 0.0581 63.33) 83.9%, oklch(43.70% 0.0550 73.84) 87.1%, oklch(55.51% 0.0520 84.15) 90.3%, oklch(67.26% 0.0493 93.62) 93.5%, oklch(77.36% 0.0471 101.58) 96.8%, oklch(84.25% 0.0455 107.39) 100.0%);

In these collections

Muted rainbow gradients