Azul-claro para roxo (duotone): gradiente radial
Gradiente radial, 32 cores: #80e5e1, #7bc6cd, #717f9d, #694474, #65265f. Edite e exporte CSS, SVG, PNG ou um shader.
6 quadros-chave OKLCH editáveis.
- #80e5e1
- #7fe3e0
- #7fe1de
- #7edfdd
- #7edcda
- #7dd8d8
- #7cd3d5
- #7bcdd2
- #7bc6cd
- #7bbec7
- #7bb6c1
- #7aadba
- #78a5b4
- #759caf
- #7393aa
- #7289a4
- #717f9d
- #707696
- #6f6d8f
- #6e6488
- #6c5c83
- #6b547e
- #6a4c79
- #694474
- #683d70
- #67376b
- #673268
- #662e65
- #662b63
- #652961
- #652760
- #65265f
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(85.83% 0.0951 192.66) 0.0%, oklch(85.42% 0.0942 192.98) 3.2%, oklch(84.93% 0.0931 193.22) 6.5%, oklch(84.32% 0.0917 193.60) 9.7%, oklch(83.55% 0.0899 194.29) 12.9%, oklch(82.58% 0.0877 195.51) 16.1%, oklch(81.38% 0.0847 197.45) 19.4%, oklch(79.88% 0.0807 200.01) 22.6%, oklch(78.09% 0.0753 202.80) 25.8%, oklch(76.08% 0.0692 206.07) 29.0%, oklch(73.91% 0.0631 210.09) 32.3%, oklch(71.66% 0.0576 215.12) 35.5%, oklch(69.40% 0.0535 221.42) 38.7%, oklch(67.13% 0.0511 229.50) 41.9%, oklch(64.72% 0.0496 240.02) 45.2%, oklch(62.22% 0.0489 252.12) 48.4%, oklch(59.69% 0.0492 264.77) 51.6%, oklch(57.21% 0.0505 276.98) 54.8%, oklch(54.86% 0.0530 287.72) 58.1%, oklch(52.69% 0.0569 296.14) 61.3%, oklch(50.58% 0.0630 303.00) 64.5%, oklch(48.52% 0.0709 308.74) 67.7%, oklch(46.58% 0.0795 313.56) 71.0%, oklch(44.79% 0.0881 317.63) 74.2%, oklch(43.21% 0.0958 321.15) 77.4%, oklch(41.88% 0.1016 324.29) 80.6%, oklch(40.83% 0.1061 326.70) 83.9%, oklch(40.02% 0.1097 328.34) 87.1%, oklch(39.39% 0.1127 329.39) 90.3%, oklch(38.90% 0.1150 330.07) 93.5%, oklch(38.52% 0.1169 330.57) 96.8%, oklch(38.19% 0.1185 331.09) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
