Azul-claro, lavanda e bordô: gradiente angular
Gradiente angular, 80 cores a 15°: #ddf4ed, #afcae8, #c8a0e6, #9d2351, #2e0717. Edite e exporte CSS, SVG, PNG ou um shader.
5 quadros-chave OKLCH editáveis.
- #ddf4ed
- #dbf3ed
- #d9f2ed
- #d6f1ec
- #d4efeb
- #d1edeb
- #ceebea
- #cbe9ea
- #c8e7e9
- #c5e5e9
- #c2e3e8
- #bfe0e8
- #bcdee8
- #badbe8
- #b7d8e8
- #b5d6e7
- #b3d3e7
- #b2d1e7
- #b0cfe8
- #afcce8
- #afcae8
- #aec9e9
- #aec7ea
- #afc6eb
- #afc4ec
- #b0c3ed
- #b1c2ef
- #b3c1f0
- #b5bff1
- #b6bef2
- #b8bdf3
- #babbf4
- #bdb9f4
- #bfb7f4
- #c1b5f4
- #c2b2f3
- #c4aff2
- #c6acf0
- #c7a9ed
- #c8a5ea
- #c8a0e6
- #c89be1
- #c896dc
- #c890d6
- #c88ad0
- #c783c9
- #c67cc1
- #c475b9
- #c36eb0
- #c166a7
- #bf5f9e
- #bc5895
- #b9508b
- #b64982
- #b24279
- #ae3b70
- #aa3567
- #a62e5f
- #a12858
- #9d2351
- #981e4b
- #921a46
- #8d1641
- #87133d
- #801039
- #790e36
- #730c33
- #6c0b30
- #650b2d
- #5f0a2b
- #580a28
- #520a26
- #4c0924
- #460922
- #410920
- #3c091e
- #38081c
- #34081a
- #310819
- #2e0717
CSS
background: conic-gradient(from 15deg in oklch, oklch(94.88% 0.0262 176.48) 0.0%, oklch(94.55% 0.0268 178.53) 1.3%, oklch(94.14% 0.0275 180.95) 2.5%, oklch(93.68% 0.0283 183.71) 3.8%, oklch(93.15% 0.0291 186.78) 5.1%, oklch(92.58% 0.0300 190.12) 6.3%, oklch(91.97% 0.0310 193.71) 7.6%, oklch(91.33% 0.0320 197.50) 8.9%, oklch(90.66% 0.0330 201.46) 10.1%, oklch(89.96% 0.0342 205.57) 11.4%, oklch(89.26% 0.0354 209.77) 12.7%, oklch(88.54% 0.0367 214.05) 13.9%, oklch(87.83% 0.0380 218.37) 15.2%, oklch(87.12% 0.0394 222.69) 16.5%, oklch(86.43% 0.0409 226.99) 17.7%, oklch(85.76% 0.0425 231.21) 19.0%, oklch(85.12% 0.0441 235.35) 20.3%, oklch(84.51% 0.0458 239.35) 21.5%, oklch(83.94% 0.0476 243.18) 22.8%, oklch(83.42% 0.0495 246.82) 24.1%, oklch(82.96% 0.0515 250.23) 25.3%, oklch(82.58% 0.0536 253.54) 26.6%, oklch(82.28% 0.0558 256.78) 27.8%, oklch(82.04% 0.0582 259.98) 29.1%, oklch(81.86% 0.0606 263.12) 30.4%, oklch(81.72% 0.0632 266.22) 31.6%, oklch(81.61% 0.0658 269.29) 32.9%, oklch(81.53% 0.0685 272.31) 34.2%, oklch(81.45% 0.0713 275.31) 35.4%, oklch(81.36% 0.0742 278.27) 36.7%, oklch(81.26% 0.0770 281.21) 38.0%, oklch(81.13% 0.0800 284.13) 39.2%, oklch(80.96% 0.0829 287.03) 40.5%, oklch(80.73% 0.0859 289.91) 41.8%, oklch(80.44% 0.0888 292.79) 43.0%, oklch(80.08% 0.0918 295.66) 44.3%, oklch(79.62% 0.0947 298.52) 45.6%, oklch(79.07% 0.0977 301.39) 46.8%, oklch(78.40% 0.1005 304.26) 48.1%, oklch(77.61% 0.1033 307.14) 49.4%, oklch(76.68% 0.1061 310.04) 50.6%, oklch(75.62% 0.1093 313.05) 51.9%, oklch(74.44% 0.1127 316.15) 53.2%, oklch(73.15% 0.1163 319.33) 54.4%, oklch(71.75% 0.1202 322.57) 55.7%, oklch(70.27% 0.1241 325.84) 57.0%, oklch(68.71% 0.1282 329.13) 58.2%, oklch(67.09% 0.1322 332.40) 59.5%, oklch(65.41% 0.1362 335.65) 60.8%, oklch(63.69% 0.1401 338.84) 62.0%, oklch(61.95% 0.1438 341.96) 63.3%, oklch(60.18% 0.1473 344.98) 64.6%, oklch(58.41% 0.1505 347.89) 65.8%, oklch(56.65% 0.1534 350.66) 67.1%, oklch(54.90% 0.1558 353.27) 68.4%, oklch(53.18% 0.1578 355.70) 69.6%, oklch(51.50% 0.1593 357.93) 70.9%, oklch(49.87% 0.1602 359.94) 72.2%, oklch(48.30% 0.1605 1.70) 73.4%, oklch(46.82% 0.1601 3.20) 74.7%, oklch(45.38% 0.1588 4.41) 75.9%, oklch(43.91% 0.1567 5.32) 77.2%, oklch(42.42% 0.1537 5.96) 78.5%, oklch(40.91% 0.1500 6.35) 79.7%, oklch(39.38% 0.1456 6.52) 81.0%, oklch(37.86% 0.1406 6.50) 82.3%, oklch(36.35% 0.1352 6.30) 83.5%, oklch(34.85% 0.1295 5.96) 84.8%, oklch(33.37% 0.1234 5.49) 86.1%, oklch(31.92% 0.1172 4.93) 87.3%, oklch(30.51% 0.1109 4.29) 88.6%, oklch(29.15% 0.1046 3.60) 89.9%, oklch(27.84% 0.0985 2.89) 91.1%, oklch(26.59% 0.0925 2.18) 92.4%, oklch(25.42% 0.0868 1.49) 93.7%, oklch(24.32% 0.0815 0.85) 94.9%, oklch(23.31% 0.0767 0.29) 96.2%, oklch(22.39% 0.0725 359.83) 97.5%, oklch(21.57% 0.0689 359.49) 98.7%, oklch(20.87% 0.0661 359.30) 100.0%);Nestas coleções
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
