Cinza, rosa e roxo (análogos): gradiente linear
Gradiente linear, 32 cores a 45°: #edf3f8, #f6d3db, #e6a6be, #c980a2, #8f5e8b. Edite e exporte CSS, SVG, PNG ou um shader.
5 quadros-chave OKLCH editáveis.
- #edf3f8
- #ecf1f9
- #ebeef9
- #ecebf9
- #eee6f6
- #f1e1f1
- #f4dceb
- #f6d8e3
- #f6d3db
- #f6ced5
- #f5c9d0
- #f4c3cc
- #f2bdc9
- #f0b7c6
- #edb1c4
- #e9abc2
- #e6a6be
- #e3a0ba
- #df9ab6
- #dc95b2
- #d88fae
- #d38aaa
- #ce85a6
- #c980a2
- #c37b9f
- #bb769c
- #b37199
- #aa6c96
- #a26893
- #9a6490
- #94618d
- #8f5e8b
CSS
background: linear-gradient(45deg in oklch, oklch(96.06% 0.0096 250.31) 0.0%, oklch(95.62% 0.0120 259.95) 3.2%, oklch(95.07% 0.0151 273.71) 6.5%, oklch(94.41% 0.0187 290.15) 9.7%, oklch(93.65% 0.0228 307.82) 12.9%, oklch(92.81% 0.0273 325.26) 16.1%, oklch(91.90% 0.0319 341.02) 19.4%, oklch(90.92% 0.0365 353.66) 22.6%, oklch(89.89% 0.0411 1.78) 25.8%, oklch(88.77% 0.0461 5.90) 29.0%, oklch(87.55% 0.0514 7.10) 32.3%, oklch(86.25% 0.0570 6.14) 35.5%, oklch(84.89% 0.0626 3.76) 38.7%, oklch(83.49% 0.0681 0.70) 41.9%, oklch(82.07% 0.0733 357.69) 45.2%, oklch(80.63% 0.0779 355.50) 48.4%, oklch(79.21% 0.0819 354.62) 51.6%, oklch(77.75% 0.0856 354.13) 54.8%, oklch(76.27% 0.0891 353.75) 58.1%, oklch(74.76% 0.0923 353.37) 61.3%, oklch(73.23% 0.0951 352.91) 64.5%, oklch(71.67% 0.0975 352.26) 67.7%, oklch(70.10% 0.0993 351.34) 71.0%, oklch(68.51% 0.1004 350.04) 74.2%, oklch(66.84% 0.1007 348.20) 77.4%, oklch(65.00% 0.1000 345.72) 80.6%, oklch(63.06% 0.0986 342.80) 83.9%, oklch(61.11% 0.0966 339.67) 87.1%, oklch(59.26% 0.0945 336.56) 90.3%, oklch(57.58% 0.0924 333.69) 93.5%, oklch(56.17% 0.0907 331.28) 96.8%, oklch(55.12% 0.0896 329.57) 100.0%);Nestas coleções
Gradientes de pôr do sol de inverno
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
