Preto, verde, azul e roxo: gradiente linear

Gradiente linear, 32 cores a 135°: #09130b, #2a532e, #62ab56, #7662a0, #412b62. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #09130b
• #0b170e
• #0e1d11
• #122415
• #162d1a
• #1a361f
• #1f3f24
• #24492a
• #2a532e
• #335e32
• #416b34
• #517834
• #628433
• #709033
• #789a37
• #75a442
• #62ab56
• #34ae75
• #00a996
• #009eae
• #2690c0
• #567ebe
• #6c6eb0
• #7662a0
• #775993
• #735187
• #6b487e
• #614176
• #573a70
• #4e346b
• #462e66
• #412b62

CSS

background: linear-gradient(135deg in oklch, oklch(17.32% 0.0220 149.77) 0.0%, oklch(19.05% 0.0262 149.57) 3.2%, oklch(21.31% 0.0315 149.38) 6.5%, oklch(24.00% 0.0379 149.16) 9.7%, oklch(27.01% 0.0451 148.87) 12.9%, oklch(30.24% 0.0528 148.47) 16.1%, oklch(33.58% 0.0607 147.95) 19.4%, oklch(36.93% 0.0686 147.25) 22.6%, oklch(40.20% 0.0764 146.26) 25.8%, oklch(43.95% 0.0853 143.26) 29.0%, oklch(48.19% 0.0955 138.53) 32.3%, oklch(52.63% 0.1062 133.25) 35.5%, oklch(56.96% 0.1165 128.64) 38.7%, oklch(60.88% 0.1258 125.88) 41.9%, oklch(64.09% 0.1332 126.17) 45.2%, oklch(66.30% 0.1380 130.73) 48.4%, oklch(67.23% 0.1394 140.99) 51.6%, oklch(67.00% 0.1370 158.43) 54.8%, oklch(65.85% 0.1185 181.23) 58.1%, oklch(64.00% 0.1098 207.19) 61.3%, oklch(61.66% 0.1169 234.05) 64.5%, oklch(59.09% 0.1091 259.61) 67.7%, oklch(56.48% 0.1022 281.66) 71.0%, oklch(54.08% 0.0973 297.96) 74.2%, oklch(51.83% 0.0947 307.37) 77.4%, oklch(49.21% 0.0933 311.92) 80.6%, oklch(46.35% 0.0929 312.79) 83.9%, oklch(43.42% 0.0930 311.07) 87.1%, oklch(40.59% 0.0936 307.82) 90.3%, oklch(38.01% 0.0943 304.15) 93.5%, oklch(35.84% 0.0949 301.12) 96.8%, oklch(34.25% 0.0951 299.82) 100.0%);

Nestas coleções

Gradientes multicoloridos em verde

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona