Caramelo, rosa, turquesa e cinza: gradiente radial
Caramelo, rosa, turquesa e cinza: paleta com 64 cores. #d1ab8c, #d4998d, #677340, #2a5e50, #9a8d7a. Edite e exporte CSS, SVG, PNG ou um shader.
64 cores, 4 quadros-chave OKLCH editáveis.
- #d1ab8c
- #d1aa8b
- #d2aa8b
- #d2a98b
- #d3a88b
- #d3a78b
- #d4a68c
- #d5a58c
- #d5a48d
- #d6a38e
- #d6a28e
- #d7a08f
- #d79f8f
- #d69e8f
- #d69c8f
- #d59b8e
- #d4998d
- #d3978c
- #d1958a
- #cf9487
- #cd9283
- #ca907f
- #c68d79
- #c28b72
- #bc886a
- #b58662
- #ad835a
- #a38052
- #997e4b
- #8d7b46
- #817942
- #747640
- #677340
- #5a7041
- #4d6d43
- #406a46
- #356748
- #2a634a
- #21604c
- #195d4e
- #135b4f
- #0f5950
- #0f5850
- #115850
- #165950
- #1c5a50
- #225c50
- #2a5e50
- #316150
- #3a6450
- #436750
- #4b6a51
- #556d52
- #5e7154
- #667457
- #6f775a
- #777a5e
- #7e7e62
- #858166
- #8b846b
- #90876f
- #958974
- #988b77
- #9a8d7a
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(76.77% 0.0620 61.17) 0.0%, oklch(76.63% 0.0624 60.35) 1.6%, oklch(76.51% 0.0629 59.10) 3.2%, oklch(76.40% 0.0634 57.48) 4.8%, oklch(76.29% 0.0641 55.55) 6.3%, oklch(76.19% 0.0648 53.37) 7.9%, oklch(76.09% 0.0655 51.01) 9.5%, oklch(75.97% 0.0663 48.53) 11.1%, oklch(75.84% 0.0672 46.00) 12.7%, oklch(75.69% 0.0680 43.47) 14.3%, oklch(75.52% 0.0689 41.02) 15.9%, oklch(75.31% 0.0698 38.70) 17.5%, oklch(75.07% 0.0706 36.58) 19.0%, oklch(74.79% 0.0714 34.72) 20.6%, oklch(74.47% 0.0722 33.19) 22.2%, oklch(74.09% 0.0730 32.04) 23.8%, oklch(73.66% 0.0736 31.35) 25.4%, oklch(73.17% 0.0743 31.17) 27.0%, oklch(72.61% 0.0748 31.57) 28.6%, oklch(71.97% 0.0752 32.61) 30.2%, oklch(71.26% 0.0756 34.35) 31.7%, oklch(70.47% 0.0758 36.87) 33.3%, oklch(69.53% 0.0759 40.44) 34.9%, oklch(68.40% 0.0761 45.23) 36.5%, oklch(67.09% 0.0762 51.09) 38.1%, oklch(65.64% 0.0762 57.90) 39.7%, oklch(64.06% 0.0762 65.51) 41.3%, oklch(62.38% 0.0762 73.78) 42.9%, oklch(60.63% 0.0761 82.58) 44.4%, oklch(58.83% 0.0760 91.77) 46.0%, oklch(57.00% 0.0759 101.21) 47.6%, oklch(55.17% 0.0757 110.75) 49.2%, oklch(53.36% 0.0754 120.28) 50.8%, oklch(51.59% 0.0751 129.64) 52.4%, oklch(49.90% 0.0747 138.70) 54.0%, oklch(48.29% 0.0742 147.32) 55.6%, oklch(46.81% 0.0737 155.36) 57.1%, oklch(45.47% 0.0731 162.68) 58.7%, oklch(44.29% 0.0724 169.16) 60.3%, oklch(43.31% 0.0717 174.64) 61.9%, oklch(42.54% 0.0708 178.99) 63.5%, oklch(42.00% 0.0699 182.08) 65.1%, oklch(41.73% 0.0689 183.76) 66.7%, oklch(41.74% 0.0677 184.01) 68.3%, oklch(42.01% 0.0664 182.97) 69.8%, oklch(42.53% 0.0648 180.78) 71.4%, oklch(43.25% 0.0632 177.54) 73.0%, oklch(44.17% 0.0613 173.36) 74.6%, oklch(45.26% 0.0594 168.38) 76.2%, oklch(46.49% 0.0574 162.70) 77.8%, oklch(47.83% 0.0553 156.44) 79.4%, oklch(49.27% 0.0531 149.72) 81.0%, oklch(50.78% 0.0510 142.66) 82.5%, oklch(52.33% 0.0488 135.38) 84.1%, oklch(53.90% 0.0466 127.98) 85.7%, oklch(55.47% 0.0445 120.60) 87.3%, oklch(57.01% 0.0425 113.34) 88.9%, oklch(58.50% 0.0405 106.33) 90.5%, oklch(59.91% 0.0386 99.68) 92.1%, oklch(61.22% 0.0369 93.51) 93.7%, oklch(62.41% 0.0353 87.94) 95.2%, oklch(63.44% 0.0339 83.08) 96.8%, oklch(64.30% 0.0327 79.05) 98.4%, oklch(64.96% 0.0317 75.97) 100.0%);Nestas coleções
Gradientes de jardim desgastado
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
