Roxo para rosa (análogos) em tons vivos: gradiente linear
Roxo para rosa (análogos) em tons vivos: paleta com 32 cores. #470d61, #6b0ecb, #9b19fe, #cf24ff, #ff42f6. Edite e exporte CSS, SVG, PNG ou um shader.
32 cores, 4 quadros-chave OKLCH editáveis.
- #470d61
- #4b0d68
- #4f0d72
- #540c7e
- #580c8c
- #5d0c9b
- #620cab
- #670dbb
- #6b0ecb
- #6f0fd9
- #7411e4
- #7913ed
- #7e15f3
- #8516f8
- #8c17fb
- #9318fd
- #9b19fe
- #a21afe
- #aa1bfe
- #b11cfe
- #b91dfe
- #c01eff
- #c721ff
- #cf24ff
- #d727ff
- #df28ff
- #e729ff
- #ef28ff
- #f52afe
- #fc2bfe
- #ff34fb
- #ff42f6
CSS
background: linear-gradient(180deg in oklch, oklch(31.10% 0.1392 312.19) 0.0%, oklch(32.22% 0.1469 311.01) 3.2%, oklch(33.68% 0.1575 309.30) 6.5%, oklch(35.43% 0.1701 307.21) 9.7%, oklch(37.39% 0.1841 304.89) 12.9%, oklch(39.48% 0.1991 302.48) 16.1%, oklch(41.64% 0.2142 300.13) 19.4%, oklch(43.79% 0.2290 297.99) 22.6%, oklch(45.87% 0.2428 296.20) 25.8%, oklch(47.79% 0.2548 294.91) 29.0%, oklch(49.49% 0.2647 294.27) 32.3%, oklch(50.95% 0.2719 294.37) 35.5%, oklch(52.27% 0.2775 295.08) 38.7%, oklch(53.50% 0.2816 296.31) 41.9%, oklch(54.64% 0.2846 297.94) 45.2%, oklch(55.71% 0.2868 299.90) 48.4%, oklch(56.73% 0.2882 302.07) 51.6%, oklch(57.73% 0.2893 304.35) 54.8%, oklch(58.71% 0.2901 306.66) 58.1%, oklch(59.70% 0.2911 308.90) 61.3%, oklch(60.72% 0.2924 310.96) 64.5%, oklch(61.78% 0.2941 312.78) 67.7%, oklch(62.90% 0.2948 314.64) 71.0%, oklch(64.08% 0.2953 316.60) 74.2%, oklch(65.28% 0.2964 318.62) 77.4%, oklch(66.47% 0.2982 320.64) 80.6%, oklch(67.64% 0.3006 322.62) 83.9%, oklch(68.74% 0.3035 324.50) 87.1%, oklch(69.76% 0.3047 326.25) 90.3%, oklch(70.67% 0.3057 327.81) 93.5%, oklch(71.44% 0.2994 329.12) 96.8%, oklch(72.05% 0.2849 330.15) 100.0%);Nestas coleções
Gradientes em roxo-elétricoGradientes roxosGradientes de Dia dos MortosGradientes de Cyber Monday
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
