Bordô, laranja, caramelo e azul-claro: gradiente linear
Gradiente linear, 32 cores a 270°: #6e0003, #b73e07, #d7932a, #cdc087, #b4bff4. Edite e exporte CSS, SVG, PNG ou um shader.
7 quadros-chave OKLCH editáveis.
- #6e0003
- #760002
- #800202
- #8a0903
- #961304
- #a01d04
- #a82704
- #b03305
- #b73e07
- #be4a0a
- #c4550c
- #c9600d
- #ce6a0e
- #d17512
- #d48019
- #d68a21
- #d7932a
- #d99a32
- #dba239
- #dca842
- #dbaf4d
- #d6b65c
- #d2bc71
- #cdc087
- #c8c39a
- #c3c6aa
- #bec8b4
- #b5cbbb
- #a6cdc9
- #9dccde
- #a5c6ef
- #b4bff4
CSS
background: linear-gradient(270deg in oklch, oklch(33.88% 0.1386 28.19) 0.0%, oklch(35.46% 0.1452 28.57) 3.2%, oklch(37.66% 0.1532 28.97) 6.5%, oklch(40.27% 0.1598 29.62) 9.7%, oklch(43.01% 0.1656 30.60) 12.9%, oklch(45.65% 0.1692 32.05) 16.1%, oklch(48.13% 0.1699 34.05) 19.4%, oklch(50.68% 0.1686 36.48) 22.6%, oklch(53.25% 0.1660 39.30) 25.8%, oklch(55.79% 0.1627 42.47) 29.0%, oklch(58.26% 0.1594 45.93) 32.3%, oklch(60.63% 0.1565 49.77) 35.5%, oklch(62.98% 0.1533 54.21) 38.7%, oklch(65.27% 0.1498 58.98) 41.9%, oklch(67.46% 0.1462 63.78) 45.2%, oklch(69.51% 0.1424 68.32) 48.4%, oklch(71.39% 0.1390 72.27) 51.6%, oklch(73.15% 0.1368 75.46) 54.8%, oklch(74.77% 0.1349 78.34) 58.1%, oklch(76.25% 0.1317 81.42) 61.3%, oklch(77.57% 0.1259 85.20) 64.5%, oklch(78.70% 0.1158 89.95) 67.7%, oklch(79.67% 0.0983 93.51) 71.0%, oklch(80.46% 0.0766 96.92) 74.2%, oklch(81.10% 0.0549 102.30) 77.4%, oklch(81.59% 0.0379 111.76) 80.6%, oklch(81.94% 0.0298 127.50) 83.9%, oklch(82.06% 0.0323 153.60) 87.1%, oklch(81.98% 0.0422 187.23) 90.3%, oklch(81.80% 0.0553 222.61) 93.5%, oklch(81.61% 0.0678 253.93) 96.8%, oklch(81.50% 0.0758 275.40) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
