Preto, marrom e laranja (análogos): gradiente linear
Gradiente linear, 32 cores a 180°: #171717, #532920, #9f402c, #d1653c, #f98b4f. Edite e exporte CSS, SVG, PNG ou um shader.
3 quadros-chave OKLCH editáveis.
- #171717
- #1c1918
- #211b19
- #281d1a
- #2f1f1b
- #37211c
- #40241e
- #4a261f
- #532920
- #5d2c22
- #682e23
- #723124
- #7c3426
- #853727
- #8f3a29
- #973d2a
- #9f402c
- #a6442d
- #ae492f
- #b54e32
- #bd5334
- #c45937
- #cb5f39
- #d1653c
- #d86a3f
- #de7042
- #e37644
- #e87b47
- #ed8049
- #f1844c
- #f5884d
- #f98b4f
CSS
background: linear-gradient(180deg in oklch, oklch(20.47% 0.0000 89.88) 0.0%, oklch(21.51% 0.0049 33.72) 3.2%, oklch(22.76% 0.0110 33.65) 6.5%, oklch(24.22% 0.0183 33.54) 9.7%, oklch(25.84% 0.0265 33.41) 12.9%, oklch(27.62% 0.0355 33.27) 16.1%, oklch(29.51% 0.0450 33.12) 19.4%, oklch(31.50% 0.0550 32.98) 22.6%, oklch(33.57% 0.0651 32.86) 25.8%, oklch(35.68% 0.0752 32.78) 29.0%, oklch(37.81% 0.0851 32.74) 32.3%, oklch(39.94% 0.0947 32.75) 35.5%, oklch(42.05% 0.1037 32.82) 38.7%, oklch(44.09% 0.1119 32.97) 41.9%, oklch(46.06% 0.1193 33.21) 45.2%, oklch(47.93% 0.1255 33.54) 48.4%, oklch(49.70% 0.1305 33.99) 51.6%, oklch(51.51% 0.1347 34.60) 54.8%, oklch(53.38% 0.1383 35.34) 58.1%, oklch(55.29% 0.1412 36.19) 61.3%, oklch(57.22% 0.1436 37.14) 64.5%, oklch(59.14% 0.1456 38.17) 67.7%, oklch(61.05% 0.1471 39.24) 71.0%, oklch(62.93% 0.1483 40.34) 74.2%, oklch(64.74% 0.1492 41.45) 77.4%, oklch(66.49% 0.1499 42.54) 80.6%, oklch(68.15% 0.1504 43.59) 83.9%, oklch(69.69% 0.1509 44.58) 87.1%, oklch(71.11% 0.1513 45.49) 90.3%, oklch(72.38% 0.1517 46.29) 93.5%, oklch(73.49% 0.1523 46.96) 96.8%, oklch(74.41% 0.1530 47.49) 100.0%);Nestas coleções
Gradientes para banner de servidor do Discord
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
