Branco para azul-claro (monocromático): gradiente linear
Gradiente linear, 32 cores a 135°: #ffffff, #edf7fd, #d5ebfa, #bddef5, #a7d1f0. Edite e exporte CSS, SVG, PNG ou um shader.
3 quadros-chave OKLCH editáveis.
- #ffffff
- #fefeff
- #fcfeff
- #fafdfe
- #f8fcfe
- #f5fbfe
- #f2f9fe
- #f0f8fd
- #edf7fd
- #eaf5fd
- #e7f4fc
- #e4f3fc
- #e1f1fc
- #ddf0fb
- #daeefb
- #d7edfa
- #d5ebfa
- #d1eaf9
- #cee8f9
- #cbe6f8
- #c7e4f7
- #c4e2f6
- #c0e0f6
- #bddef5
- #b9dcf4
- #b6daf3
- #b3d8f3
- #b0d6f2
- #add5f1
- #abd3f1
- #a9d2f0
- #a7d1f0
CSS
background: linear-gradient(135deg in oklch, oklch(100.00% 0.0000 89.88) 0.0%, oklch(99.75% 0.0011 235.54) 3.2%, oklch(99.46% 0.0024 235.52) 6.5%, oklch(99.13% 0.0039 235.49) 9.7%, oklch(98.76% 0.0056 235.45) 12.9%, oklch(98.36% 0.0074 235.40) 16.1%, oklch(97.93% 0.0094 235.36) 19.4%, oklch(97.48% 0.0114 235.32) 22.6%, oklch(97.00% 0.0136 235.28) 25.8%, oklch(96.50% 0.0158 235.26) 29.0%, oklch(95.99% 0.0181 235.25) 32.3%, oklch(95.47% 0.0203 235.26) 35.5%, oklch(94.95% 0.0226 235.30) 38.7%, oklch(94.42% 0.0248 235.35) 41.9%, oklch(93.89% 0.0270 235.44) 45.2%, oklch(93.37% 0.0291 235.56) 48.4%, oklch(92.85% 0.0311 235.72) 51.6%, oklch(92.29% 0.0333 235.94) 54.8%, oklch(91.68% 0.0355 236.20) 58.1%, oklch(91.05% 0.0378 236.50) 61.3%, oklch(90.39% 0.0402 236.83) 64.5%, oklch(89.71% 0.0426 237.19) 67.7%, oklch(89.03% 0.0450 237.56) 71.0%, oklch(88.35% 0.0474 237.95) 74.2%, oklch(87.69% 0.0497 238.33) 77.4%, oklch(87.04% 0.0519 238.71) 80.6%, oklch(86.43% 0.0541 239.08) 83.9%, oklch(85.85% 0.0561 239.42) 87.1%, oklch(85.32% 0.0579 239.74) 90.3%, oklch(84.85% 0.0595 240.02) 93.5%, oklch(84.45% 0.0609 240.25) 96.8%, oklch(84.12% 0.0621 240.44) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
