Arco-íris de preto a caramelo em tons escuros: gradiente linear

Gradiente linear, 32 cores a 45°: #120e18, #46193a, #0c3c4b, #605b26, #d2a955. Edite e exporte CSS, SVG, PNG ou um shader.

6 quadros-chave OKLCH editáveis.

• #120e18
• #17101d
• #201122
• #2b1327
• #381428
• #421529
• #49162b
• #4a1731
• #46193a
• #3e1c43
• #322049
• #26244a
• #1b284a
• #132d4a
• #0e324a
• #0b374a
• #0c3c4b
• #0e414c
• #12474c
• #184d49
• #235343
• #355739
• #4a592e
• #605b26
• #735d26
• #84612c
• #946a34
• #a4763c
• #b38443
• #c0934a
• #caa050
• #d2a955

CSS

background: linear-gradient(45deg in oklch, oklch(17.32% 0.0207 302.34) 0.0%, oklch(18.69% 0.0280 309.75) 3.2%, oklch(20.69% 0.0389 321.37) 6.5%, oklch(23.01% 0.0516 334.59) 9.7%, oklch(25.36% 0.0642 346.80) 12.9%, oklch(27.44% 0.0749 355.41) 16.1%, oklch(28.93% 0.0819 357.79) 19.4%, oklch(29.61% 0.0841 351.97) 22.6%, oklch(29.63% 0.0827 339.25) 25.8%, oklch(29.26% 0.0789 321.95) 29.0%, oklch(28.77% 0.0738 302.39) 32.3%, oklch(28.43% 0.0686 282.88) 35.5%, oklch(28.52% 0.0645 265.75) 38.7%, oklch(29.23% 0.0620 252.70) 41.9%, oklch(30.30% 0.0596 242.19) 45.2%, oklch(31.65% 0.0573 233.00) 48.4%, oklch(33.21% 0.0555 224.07) 51.6%, oklch(34.92% 0.0544 214.36) 54.8%, oklch(36.71% 0.0545 202.81) 58.1%, oklch(38.52% 0.0559 188.21) 61.3%, oklch(40.31% 0.0589 169.13) 64.5%, oklch(42.16% 0.0631 147.24) 67.7%, oklch(44.15% 0.0680 124.73) 71.0%, oklch(46.36% 0.0734 103.82) 74.2%, oklch(48.88% 0.0787 86.72) 77.4%, oklch(51.81% 0.0836 75.60) 80.6%, oklch(55.58% 0.0888 70.80) 83.9%, oklch(60.02% 0.0945 70.63) 87.1%, oklch(64.69% 0.1001 73.47) 90.3%, oklch(69.13% 0.1054 77.66) 93.5%, oklch(72.92% 0.1098 81.58) 96.8%, oklch(75.59% 0.1130 83.60) 100.0%);

Nestas coleções

Gradientes multicoloridos escuros

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona