Off-white, turquesa e azul: gradiente radial

Gradiente radial, 32 cores: #f2fadf, #0f597e, #2b3c6c, #30607d, #0e6a60. Edite e exporte CSS, SVG, PNG ou um shader.

4 quadros-chave OKLCH editáveis.

• #f2fadf
• #e0efd2
• #c6dfc3
• #a6ccb3
• #82b7a6
• #5da09b
• #3a8891
• #1e6f87
• #0f597e
• #104674
• #15376b
• #192f65
• #1c2b63
• #1f2c62
• #232f64
• #273568
• #2b3c6c
• #2f4371
• #324b76
• #35527a
• #37577d
• #375b7e
• #345d7e
• #30607d
• #2a627c
• #236479
• #1b6676
• #136771
• #0d686d
• #0a6968
• #0b6964
• #0e6a60

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(97.24% 0.0372 121.64) 0.0%, oklch(93.27% 0.0411 130.27) 3.2%, oklch(87.77% 0.0467 142.13) 6.5%, oklch(81.12% 0.0534 156.43) 9.7%, oklch(73.70% 0.0608 172.39) 12.9%, oklch(65.90% 0.0686 189.21) 16.1%, oklch(58.10% 0.0764 206.12) 19.4%, oklch(50.66% 0.0837 222.32) 22.6%, oklch(43.98% 0.0900 237.04) 25.8%, oklch(38.44% 0.0951 249.47) 29.0%, oklch(34.41% 0.0985 258.83) 32.3%, oklch(32.13% 0.0999 264.80) 35.5%, oklch(31.24% 0.0995 268.55) 38.7%, oklch(31.48% 0.0976 270.45) 41.9%, oklch(32.62% 0.0946 270.74) 45.2%, oklch(34.41% 0.0908 269.68) 48.4%, oklch(36.63% 0.0867 267.53) 51.6%, oklch(39.04% 0.0824 264.54) 54.8%, oklch(41.40% 0.0784 260.98) 58.1%, oklch(43.47% 0.0750 257.08) 61.3%, oklch(45.03% 0.0726 253.12) 64.5%, oklch(45.88% 0.0714 249.23) 67.7%, oklch(46.40% 0.0710 244.23) 71.0%, oklch(46.78% 0.0713 238.01) 74.2%, oklch(47.02% 0.0720 230.89) 77.4%, oklch(47.16% 0.0730 223.21) 80.6%, oklch(47.23% 0.0743 215.30) 83.9%, oklch(47.24% 0.0757 207.49) 87.1%, oklch(47.22% 0.0771 200.13) 90.3%, oklch(47.20% 0.0783 193.53) 93.5%, oklch(47.20% 0.0793 188.04) 96.8%, oklch(47.24% 0.0799 183.99) 100.0%);

Nestas coleções

Gradientes de astronomia em falsa cor

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona