Teal Ember Crossing

The gradient travels from #053e49 to #8a3c26, passing through cyan, teal, green, yellow, gold, orange, and red. #053e49, #2cb6ad, #f9c09f, #da5c2b, #8a3c26.

32 colors, 5 editable OKLCH keyframes.

#053e49
#064752
#065360
#056371
#047484
#038695
#0599a4
#14a9ad
#2cb6ad
#50c1a5
#79c898
#a1cc8c
#c2cc88
#dcca8c
#ecc895
#f5c59d
#f9c09f
#fab698
#f9a98c
#f69a7a
#f08966
#ea7850
#e2693b
#da5c2b
#d25324
#c84c21
#bc4721
#b04322
#a44123
#9a3f25
#913e26
#8a3c26

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(33.46% 0.0565 215.16) 0.0%, oklch(36.51% 0.0617 214.01) 3.2%, oklch(40.74% 0.0693 213.35) 6.5%, oklch(45.79% 0.0785 212.61) 9.7%, oklch(51.29% 0.0882 211.23) 12.9%, oklch(56.87% 0.0975 208.66) 16.1%, oklch(62.18% 0.1054 204.33) 19.4%, oklch(66.83% 0.1109 197.69) 22.6%, oklch(70.52% 0.1132 188.10) 25.8%, oklch(73.81% 0.1110 174.03) 29.0%, oklch(76.92% 0.1055 156.12) 32.3%, oklch(79.73% 0.0979 135.87) 35.5%, oklch(82.11% 0.0897 114.77) 38.7%, oklch(83.96% 0.0824 94.29) 41.9%, oklch(85.15% 0.0773 75.93) 45.2%, oklch(85.56% 0.0760 61.16) 48.4%, oklch(85.02% 0.0798 51.17) 51.6%, oklch(83.29% 0.0894 44.81) 54.8%, oklch(80.59% 0.1031 41.19) 58.1%, oklch(77.22% 0.1192 39.61) 61.3%, oklch(73.46% 0.1357 39.39) 64.5%, oklch(69.62% 0.1509 39.84) 67.7%, oklch(66.00% 0.1629 40.27) 71.0%, oklch(62.87% 0.1701 40.00) 74.2%, oklch(60.27% 0.1710 38.91) 77.4%, oklch(57.69% 0.1669 38.10) 80.6%, oklch(55.17% 0.1592 37.55) 83.9%, oklch(52.77% 0.1491 37.19) 87.1%, oklch(50.56% 0.1381 36.98) 90.3%, oklch(48.60% 0.1276 36.84) 93.5%, oklch(46.95% 0.1187 36.73) 96.8%, oklch(45.67% 0.1130 36.57) 100.0%);

In these collections

Teal and orange