Azul-marinho e azul (monocromático): gradiente radial

Azul-marinho e azul (monocromático): paleta com 32 cores. #101b34, #45709f, #20599a, #113c7b, #0c1d46. Edite e exporte CSS, SVG, PNG ou um shader.

32 cores, 5 quadros-chave OKLCH editáveis.

• #101b34
• #15223d
• #1c2c49
• #243858
• #2d4669
• #36537a
• #3e6089
• #436a96
• #45709f
• #4473a4
• #4172a6
• #3c70a6
• #366ca5
• #2f67a2
• #29629f
• #245d9d
• #20599a
• #1d5697
• #1a5194
• #174d8f
• #15498b
• #144486
• #124081
• #113c7b
• #113775
• #10336e
• #102e66
• #0f2a5e
• #0e2656
• #0e2250
• #0d1f4a
• #0c1d46

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(22.83% 0.0510 264.37) 0.0%, oklch(25.53% 0.0539 263.25) 3.2%, oklch(29.41% 0.0578 261.64) 6.5%, oklch(34.05% 0.0624 259.71) 9.7%, oklch(39.01% 0.0675 257.64) 12.9%, oklch(43.87% 0.0728 255.62) 16.1%, oklch(48.18% 0.0782 253.81) 19.4%, oklch(51.53% 0.0833 252.39) 22.6%, oklch(53.50% 0.0879 251.54) 25.8%, oklch(54.26% 0.0927 251.16) 29.0%, oklch(54.13% 0.0977 251.13) 32.3%, oklch(53.32% 0.1027 251.37) 35.5%, oklch(52.04% 0.1075 251.81) 38.7%, oklch(50.49% 0.1120 252.37) 41.9%, oklch(48.90% 0.1158 252.98) 45.2%, oklch(47.45% 0.1188 253.55) 48.4%, oklch(46.29% 0.1208 254.06) 51.6%, oklch(45.08% 0.1221 254.63) 54.8%, oklch(43.78% 0.1229 255.28) 58.1%, oklch(42.41% 0.1230 255.98) 61.3%, oklch(40.98% 0.1225 256.71) 64.5%, oklch(39.52% 0.1215 257.46) 67.7%, oklch(38.05% 0.1199 258.20) 71.0%, oklch(36.58% 0.1178 258.92) 74.2%, oklch(35.07% 0.1147 259.62) 77.4%, oklch(33.40% 0.1103 260.39) 80.6%, oklch(31.64% 0.1050 261.18) 83.9%, oklch(29.87% 0.0991 261.97) 87.1%, oklch(28.18% 0.0932 262.71) 90.3%, oklch(26.65% 0.0877 263.39) 93.5%, oklch(25.36% 0.0832 263.95) 96.8%, oklch(24.41% 0.0799 264.38) 100.0%);

Nestas coleções

Gradientes escurosAzul frio

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona