Preto, azul, cinza e caramelo: gradiente radial

Gradiente radial, 32 cores: #0c131d, #2b4858, #6b8e93, #a6bba3, #d1be84. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #0c131d
• #0e1721
• #111b27
• #15212f
• #182837
• #1c303f
• #213848
• #254050
• #2b4858
• #31505f
• #395967
• #416270
• #4a6b78
• #537480
• #5c7d87
• #64868e
• #6b8e93
• #739697
• #7b9e9b
• #84a59e
• #8daba0
• #96b1a2
• #9fb6a3
• #a6bba3
• #acbea3
• #b2c0a0
• #b7c19b
• #bdc196
• #c3c190
• #c8c08b
• #cdbe87
• #d1be84

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(18.50% 0.0234 257.34) 0.0%, oklch(20.02% 0.0253 255.49) 3.2%, oklch(22.01% 0.0279 253.02) 6.5%, oklch(24.39% 0.0311 250.08) 9.7%, oklch(27.04% 0.0344 246.82) 12.9%, oklch(29.88% 0.0378 243.37) 16.1%, oklch(32.79% 0.0407 239.88) 19.4%, oklch(35.69% 0.0430 236.49) 22.6%, oklch(38.49% 0.0443 233.35) 25.8%, oklch(41.40% 0.0448 230.73) 29.0%, oklch(44.46% 0.0446 228.48) 32.3%, oklch(47.62% 0.0439 226.30) 35.5%, oklch(50.79% 0.0429 223.91) 38.7%, oklch(53.92% 0.0419 221.03) 41.9%, oklch(56.91% 0.0409 217.37) 45.2%, oklch(59.72% 0.0402 212.64) 48.4%, oklch(62.29% 0.0398 206.53) 51.6%, oklch(64.79% 0.0391 198.83) 54.8%, oklch(67.21% 0.0383 189.91) 58.1%, oklch(69.52% 0.0375 180.20) 61.3%, oklch(71.68% 0.0370 170.12) 64.5%, oklch(73.64% 0.0370 160.11) 67.7%, oklch(75.38% 0.0377 150.59) 71.0%, oklch(76.84% 0.0394 142.00) 74.2%, oklch(78.00% 0.0423 134.30) 77.4%, oklch(78.82% 0.0468 126.68) 80.6%, oklch(79.37% 0.0524 119.26) 83.9%, oklch(79.72% 0.0585 112.22) 87.1%, oklch(79.92% 0.0646 105.75) 90.3%, oklch(80.05% 0.0704 100.00) 93.5%, oklch(80.16% 0.0752 95.17) 96.8%, oklch(80.31% 0.0785 91.43) 100.0%);

Nestas coleções

Amanhecer na colheita de jasmim

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona