Slate Blue into Sage

Radial gradient, 32 colors: #496b8e, #6789a2, #7fa0a8, #8eae97, #a5b887. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#496b8e
#4b6d90
#4e7092
#527495
#567898
#5b7d9b
#5f819e
#6385a0
#6789a2
#6a8ca4
#6e8fa5
#7192a6
#7595a7
#7898a7
#7b9ba8
#7d9ea8
#7fa0a8
#80a3a7
#81a5a6
#83a7a3
#85a9a0
#87ab9d
#8bac9a
#8eae97
#91af94
#95b192
#98b290
#9bb48e
#9db58c
#a0b78a
#a3b888
#a5b887

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(51.57% 0.0689 250.31) 0.0%, oklch(52.35% 0.0678 249.76) 3.2%, oklch(53.40% 0.0664 249.15) 6.5%, oklch(54.65% 0.0647 248.43) 9.7%, oklch(56.03% 0.0628 247.55) 12.9%, oklch(57.46% 0.0608 246.45) 16.1%, oklch(58.86% 0.0587 245.08) 19.4%, oklch(60.16% 0.0566 243.38) 22.6%, oklch(61.29% 0.0546 241.32) 25.8%, oklch(62.33% 0.0523 239.15) 29.0%, oklch(63.35% 0.0497 236.90) 32.3%, oklch(64.32% 0.0470 234.41) 35.5%, oklch(65.26% 0.0444 231.55) 38.7%, oklch(66.14% 0.0421 228.17) 41.9%, oklch(66.97% 0.0402 224.12) 45.2%, oklch(67.75% 0.0389 219.27) 48.4%, oklch(68.45% 0.0384 213.37) 51.6%, oklch(69.08% 0.0386 205.91) 54.8%, oklch(69.63% 0.0393 197.26) 58.1%, oklch(70.12% 0.0404 187.91) 61.3%, oklch(70.58% 0.0419 178.37) 64.5%, oklch(71.03% 0.0436 169.14) 67.7%, oklch(71.47% 0.0456 160.70) 71.0%, oklch(71.93% 0.0477 153.56) 74.2%, oklch(72.42% 0.0501 147.86) 77.4%, oklch(72.94% 0.0530 142.97) 80.6%, oklch(73.48% 0.0565 138.78) 83.9%, oklch(74.00% 0.0601 135.20) 87.1%, oklch(74.49% 0.0637 132.17) 90.3%, oklch(74.94% 0.0669 129.62) 93.5%, oklch(75.31% 0.0697 127.46) 96.8%, oklch(75.59% 0.0717 125.62) 100.0%);

In these collections

Blue and green gradients