Verde-oliva, laranja, caramelo e cinza (análogos): gradiente linear
Gradiente linear, 64 cores a 135°: #6d8458, #edac23, #dc9c27, #dbc893, #eee9d8. Edite e exporte CSS, SVG, PNG ou um shader.
5 quadros-chave OKLCH editáveis.
- #6d8458
- #708657
- #748956
- #7a8c55
- #819052
- #88944f
- #91974c
- #9b9b48
- #a59e43
- #b0a23f
- #bba439
- #c5a734
- #d0a92f
- #d9aa2b
- #e1ab27
- #e8ab24
- #edac23
- #f0ab21
- #f2aa1f
- #f3a91d
- #f3a81a
- #f3a617
- #f1a414
- #efa211
- #eda10f
- #ea9f0d
- #e79d0d
- #e59c0e
- #e29b11
- #e09b16
- #de9b1b
- #dd9b21
- #dc9c27
- #db9e2e
- #dba035
- #daa33d
- #daa645
- #d9a94d
- #d9ac54
- #d9af5c
- #d9b364
- #d9b66c
- #d9ba73
- #d9bd7a
- #dac081
- #dac388
- #dbc68e
- #dbc893
- #dccb98
- #ddcd9e
- #decfa3
- #e0d2a8
- #e1d4ad
- #e2d6b2
- #e4d9b7
- #e5dbbb
- #e6ddc0
- #e8dfc4
- #e9e1c8
- #eae3cc
- #ece5d0
- #ede6d3
- #ede8d5
- #eee9d8
CSS
background: linear-gradient(135deg in oklch, oklch(58.27% 0.0689 130.78) 0.0%, oklch(59.03% 0.0721 128.88) 1.6%, oklch(60.02% 0.0763 126.46) 3.2%, oklch(61.20% 0.0812 123.59) 4.8%, oklch(62.54% 0.0868 120.34) 6.3%, oklch(64.01% 0.0930 116.79) 7.9%, oklch(65.57% 0.0995 113.02) 9.5%, oklch(67.18% 0.1062 109.11) 11.1%, oklch(68.81% 0.1131 105.12) 12.7%, oklch(70.42% 0.1199 101.13) 14.3%, oklch(71.99% 0.1265 97.22) 15.9%, oklch(73.48% 0.1328 93.47) 17.5%, oklch(74.85% 0.1387 89.94) 19.0%, oklch(76.06% 0.1440 86.72) 20.6%, oklch(77.09% 0.1485 83.88) 22.2%, oklch(77.90% 0.1522 81.50) 23.8%, oklch(78.46% 0.1549 79.64) 25.4%, oklch(78.76% 0.1569 78.16) 27.0%, oklch(78.84% 0.1585 76.96) 28.6%, oklch(78.73% 0.1596 76.03) 30.2%, oklch(78.46% 0.1603 75.33) 31.7%, oklch(78.05% 0.1605 74.85) 33.3%, oklch(77.55% 0.1604 74.56) 34.9%, oklch(76.98% 0.1599 74.44) 36.5%, oklch(76.37% 0.1591 74.47) 38.1%, oklch(75.75% 0.1579 74.61) 39.7%, oklch(75.15% 0.1565 74.86) 41.3%, oklch(74.60% 0.1548 75.17) 42.9%, oklch(74.14% 0.1529 75.54) 44.4%, oklch(73.79% 0.1508 75.94) 46.0%, oklch(73.59% 0.1485 76.33) 47.6%, oklch(73.56% 0.1460 76.71) 49.2%, oklch(73.72% 0.1433 77.08) 50.8%, oklch(74.02% 0.1401 77.58) 52.4%, oklch(74.41% 0.1364 78.24) 54.0%, oklch(74.91% 0.1322 79.03) 55.6%, oklch(75.48% 0.1277 79.92) 57.1%, oklch(76.12% 0.1229 80.90) 58.7%, oklch(76.82% 0.1178 81.93) 60.3%, oklch(77.57% 0.1126 83.01) 61.9%, oklch(78.34% 0.1072 84.11) 63.5%, oklch(79.14% 0.1019 85.21) 65.1%, oklch(79.95% 0.0965 86.28) 66.7%, oklch(80.76% 0.0913 87.30) 68.3%, oklch(81.54% 0.0862 88.26) 69.8%, oklch(82.31% 0.0813 89.12) 71.4%, oklch(83.03% 0.0768 89.88) 73.0%, oklch(83.70% 0.0726 90.49) 74.6%, oklch(84.34% 0.0688 90.98) 76.2%, oklch(84.99% 0.0649 91.38) 77.8%, oklch(85.67% 0.0612 91.71) 79.4%, oklch(86.37% 0.0574 91.98) 81.0%, oklch(87.07% 0.0538 92.18) 82.5%, oklch(87.77% 0.0502 92.34) 84.1%, oklch(88.46% 0.0467 92.45) 85.7%, oklch(89.14% 0.0434 92.53) 87.3%, oklch(89.80% 0.0402 92.58) 88.9%, oklch(90.43% 0.0372 92.61) 90.5%, oklch(91.03% 0.0343 92.62) 92.1%, oklch(91.59% 0.0317 92.63) 93.7%, oklch(92.11% 0.0292 92.64) 95.2%, oklch(92.57% 0.0270 92.65) 96.8%, oklch(92.97% 0.0251 92.68) 98.4%, oklch(93.31% 0.0234 92.74) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
