Azul-marinho, cinza e turquesa (análogos): gradiente radial
Azul-marinho, cinza e turquesa (análogos): paleta com 32 cores. #102833, #dae3d1, #74a4a0, #2f7078, #123c4a. Edite e exporte CSS, SVG, PNG ou um shader.
32 cores, 5 quadros-chave OKLCH editáveis.
- #102833
- #1d373f
- #334e51
- #4f6a67
- #718880
- #94a79a
- #b4c2b3
- #ccd7c6
- #dae3d1
- #dce6d3
- #d5e3cf
- #c8dbc7
- #b6d0be
- #a2c4b4
- #8fb7ac
- #7faca5
- #74a4a0
- #699d9b
- #5e9595
- #548d8f
- #4a8689
- #407e83
- #37777d
- #2f7078
- #296872
- #23616c
- #1e5965
- #1b525e
- #184b58
- #164552
- #14404d
- #123c4a
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(26.38% 0.0358 227.81) 0.0%, oklch(32.06% 0.0348 218.81) 3.2%, oklch(40.30% 0.0332 205.59) 6.5%, oklch(50.14% 0.0312 189.78) 9.7%, oklch(60.64% 0.0292 173.01) 12.9%, oklch(70.86% 0.0275 156.93) 16.1%, oklch(79.85% 0.0262 143.15) 19.4%, oklch(86.66% 0.0258 133.33) 22.6%, oklch(90.38% 0.0265 129.05) 25.8%, oklch(91.26% 0.0283 130.33) 29.0%, oklch(90.02% 0.0312 135.85) 32.3%, oklch(87.22% 0.0346 144.37) 35.5%, oklch(83.39% 0.0385 154.65) 38.7%, oklch(79.07% 0.0425 165.45) 41.9%, oklch(74.81% 0.0463 175.54) 45.2%, oklch(71.13% 0.0496 183.66) 48.4%, oklch(68.40% 0.0523 188.95) 51.6%, oklch(65.80% 0.0550 192.88) 54.8%, oklch(63.19% 0.0577 195.96) 58.1%, oklch(60.59% 0.0602 198.41) 61.3%, oklch(58.01% 0.0624 200.44) 64.5%, oklch(55.47% 0.0642 202.26) 67.7%, oklch(52.99% 0.0655 204.08) 71.0%, oklch(50.59% 0.0661 206.11) 74.2%, oklch(48.21% 0.0658 208.45) 77.4%, oklch(45.73% 0.0645 210.86) 80.6%, oklch(43.23% 0.0624 213.26) 83.9%, oklch(40.80% 0.0598 215.58) 87.1%, oklch(38.52% 0.0571 217.74) 90.3%, oklch(36.48% 0.0546 219.67) 93.5%, oklch(34.77% 0.0524 221.29) 96.8%, oklch(33.46% 0.0510 222.53) 100.0%);Nestas coleções
Gradientes para papel de parede
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
