Azul (monocromático) em tons pastel: gradiente linear
Gradiente linear, 32 cores a 135°: #e0f7fa, #cbf2f6, #b0ebf2, #98e4ee, #80deea. Edite e exporte CSS, SVG, PNG ou um shader.
3 quadros-chave OKLCH editáveis.
- #e0f7fa
- #def7fa
- #dcf6f9
- #daf5f9
- #d8f5f9
- #d5f4f8
- #d2f3f8
- #cff2f7
- #cbf2f6
- #c8f1f6
- #c5f0f5
- #c1eff5
- #beeef4
- #baedf3
- #b7ecf3
- #b4ebf2
- #b0ebf2
- #adeaf1
- #aae9f1
- #a6e8f0
- #a3e7ef
- #9fe6ef
- #9be5ee
- #98e4ee
- #94e3ed
- #91e2ec
- #8de1ec
- #8ae0eb
- #87e0eb
- #84dfeb
- #82deea
- #80deea
CSS
background: linear-gradient(135deg in oklch, oklch(96.02% 0.0244 206.20) 0.0%, oklch(95.82% 0.0257 206.17) 3.2%, oklch(95.57% 0.0272 206.14) 6.5%, oklch(95.28% 0.0289 206.09) 9.7%, oklch(94.96% 0.0308 206.05) 12.9%, oklch(94.61% 0.0330 206.00) 16.1%, oklch(94.24% 0.0352 205.94) 19.4%, oklch(93.85% 0.0376 205.88) 22.6%, oklch(93.44% 0.0401 205.83) 25.8%, oklch(93.02% 0.0426 205.77) 29.0%, oklch(92.59% 0.0452 205.72) 32.3%, oklch(92.17% 0.0477 205.68) 35.5%, oklch(91.74% 0.0503 205.64) 38.7%, oklch(91.32% 0.0527 205.61) 41.9%, oklch(90.92% 0.0551 205.58) 45.2%, oklch(90.53% 0.0574 205.57) 48.4%, oklch(90.16% 0.0596 205.57) 51.6%, oklch(89.77% 0.0618 205.58) 54.8%, oklch(89.37% 0.0642 205.61) 58.1%, oklch(88.95% 0.0666 205.64) 61.3%, oklch(88.53% 0.0690 205.68) 64.5%, oklch(88.10% 0.0714 205.73) 67.7%, oklch(87.68% 0.0738 205.78) 71.0%, oklch(87.26% 0.0762 205.83) 74.2%, oklch(86.85% 0.0785 205.89) 77.4%, oklch(86.45% 0.0808 205.94) 80.6%, oklch(86.08% 0.0829 206.00) 83.9%, oklch(85.73% 0.0849 206.05) 87.1%, oklch(85.41% 0.0867 206.10) 90.3%, oklch(85.12% 0.0883 206.14) 93.5%, oklch(84.88% 0.0897 206.17) 96.8%, oklch(84.67% 0.0909 206.20) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
