Salmão, amarelo e verde (tritone) em tons vivos: gradiente linear

Gradiente linear, 32 cores a 300°: #ff867b, #ffb763, #f8e762, #bbff88, #73ffab. Edite e exporte CSS, SVG, PNG ou um shader.

7 quadros-chave OKLCH editáveis.

• #ff867b
• #ff8a77
• #ff9073
• #ff976f
• #ff9e6b
• #fea468
• #ffaa66
• #ffb164
• #ffb763
• #ffbe62
• #ffc461
• #ffca60
• #ffd060
• #ffd660
• #fedc61
• #fce161
• #f8e762
• #f2ed63
• #e9f366
• #dff86a
• #d4fd70
• #cbff7b
• #c4ff86
• #bbff88
• #b1ff85
• #a7ff86
• #9fff8b
• #95ff92
• #8bff99
• #82ffa1
• #7affa7
• #73ffab

CSS

background: linear-gradient(300deg in oklch, oklch(75.20% 0.1488 26.72) 0.0%, oklch(75.79% 0.1453 30.34) 3.2%, oklch(76.63% 0.1409 35.46) 6.5%, oklch(77.61% 0.1371 41.42) 9.7%, oklch(78.68% 0.1337 47.59) 12.9%, oklch(79.75% 0.1311 53.33) 16.1%, oklch(80.81% 0.1304 58.46) 19.4%, oklch(81.94% 0.1306 63.57) 22.6%, oklch(83.12% 0.1306 68.58) 25.8%, oklch(84.30% 0.1316 73.44) 29.0%, oklch(85.45% 0.1336 78.08) 32.3%, oklch(86.58% 0.1365 82.36) 35.5%, oklch(87.74% 0.1388 86.21) 38.7%, oklch(88.90% 0.1419 89.84) 41.9%, oklch(89.98% 0.1451 93.50) 45.2%, oklch(90.93% 0.1484 97.46) 48.4%, oklch(91.71% 0.1523 101.99) 51.6%, oklch(92.40% 0.1573 107.22) 54.8%, oklch(92.97% 0.1629 112.78) 58.1%, oklch(93.40% 0.1683 118.25) 61.3%, oklch(93.65% 0.1729 123.22) 64.5%, oklch(93.68% 0.1702 127.29) 67.7%, oklch(93.40% 0.1625 130.47) 71.0%, oklch(92.89% 0.1656 133.06) 74.2%, oklch(92.28% 0.1727 135.35) 77.4%, oklch(91.70% 0.1769 137.65) 80.6%, oklch(91.28% 0.1763 140.26) 83.9%, oklch(90.97% 0.1752 143.35) 87.1%, oklch(90.70% 0.1737 146.68) 90.3%, oklch(90.47% 0.1717 149.89) 93.5%, oklch(90.29% 0.1700 152.64) 96.8%, oklch(90.15% 0.1693 154.59) 100.0%);

Nestas coleções

Gradientes em vermelho e verde

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona