Azul para cinza (monocromático): gradiente radial
Gradiente radial, 32 cores: #6190c3, #4d89b8, #688aa3, #74828e, #57697b. Edite e exporte CSS, SVG, PNG ou um shader.
4 quadros-chave OKLCH editáveis.
- #6190c3
- #6090c2
- #5d8fc1
- #5b8ec0
- #588dbf
- #548cbd
- #518bbc
- #4f8aba
- #4d89b8
- #4c88b6
- #4c87b4
- #4e87b1
- #5287af
- #5688ac
- #5c88a9
- #6289a7
- #688aa3
- #6d8aa0
- #728a9d
- #758a9a
- #778997
- #788794
- #778591
- #74828e
- #717f8b
- #6d7b88
- #697885
- #647483
- #607080
- #5c6d7e
- #596a7c
- #57697b
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(64.17% 0.0923 251.02) 0.0%, oklch(63.92% 0.0925 250.50) 3.2%, oklch(63.58% 0.0931 249.78) 6.5%, oklch(63.15% 0.0939 248.93) 9.7%, oklch(62.68% 0.0947 247.97) 12.9%, oklch(62.19% 0.0955 246.96) 16.1%, oklch(61.70% 0.0960 245.94) 19.4%, oklch(61.24% 0.0960 244.96) 22.6%, oklch(60.83% 0.0955 244.07) 25.8%, oklch(60.50% 0.0942 243.30) 29.0%, oklch(60.28% 0.0919 242.71) 32.3%, oklch(60.21% 0.0885 242.31) 35.5%, oklch(60.31% 0.0835 242.00) 38.7%, oklch(60.55% 0.0772 241.78) 41.9%, oklch(60.88% 0.0701 241.64) 45.2%, oklch(61.26% 0.0625 241.57) 48.4%, oklch(61.62% 0.0548 241.59) 51.6%, oklch(61.93% 0.0473 241.67) 54.8%, oklch(62.14% 0.0404 241.83) 58.1%, oklch(62.19% 0.0344 242.05) 61.3%, oklch(62.04% 0.0297 242.34) 64.5%, oklch(61.65% 0.0267 242.69) 67.7%, oklch(60.96% 0.0252 243.21) 71.0%, oklch(60.03% 0.0247 243.88) 74.2%, oklch(58.91% 0.0252 244.66) 77.4%, oklch(57.67% 0.0264 245.52) 80.6%, oklch(56.38% 0.0280 246.41) 83.9%, oklch(55.08% 0.0299 247.29) 87.1%, oklch(53.86% 0.0319 248.13) 90.3%, oklch(52.75% 0.0337 248.88) 93.5%, oklch(51.84% 0.0350 249.50) 96.8%, oklch(51.18% 0.0358 249.96) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
