Azul, verde, laranja e bordô: gradiente linear

Gradiente linear, 32 cores a 135°: #2448a0, #00b0be, #a3d34a, #e96a00, #8b214d. Edite e exporte CSS, SVG, PNG ou um shader.

6 quadros-chave OKLCH editáveis.

• #2448a0
• #2353a7
• #2462b0
• #2873ba
• #2b85c4
• #2c95cc
• #23a2d0
• #00abcc
• #00b0be
• #00b1ad
• #00b298
• #00b380
• #1eb662
• #51b94e
• #71c046
• #8bc946
• #a3d34a
• #b9d94b
• #cdda44
• #ddd12c
• #e9bf00
• #eda600
• #eb8a00
• #e96a00
• #e24b1f
• #d53837
• #c72d44
• #b8274a
• #aa244d
• #9d234e
• #92224d
• #8b214d

CSS

background: linear-gradient(135deg in oklch, oklch(42.91% 0.1488 264.38) 0.0%, oklch(45.71% 0.1452 260.84) 3.2%, oklch(49.79% 0.1396 256.33) 6.5%, oklch(54.53% 0.1332 250.85) 9.7%, oklch(59.36% 0.1273 244.34) 12.9%, oklch(63.67% 0.1232 236.80) 16.1%, oklch(66.87% 0.1223 228.18) 19.4%, oklch(68.54% 0.1231 217.93) 22.6%, oklch(69.02% 0.1179 205.40) 25.8%, oklch(68.77% 0.1182 191.56) 29.0%, oklch(68.28% 0.1262 177.40) 32.3%, oklch(68.01% 0.1451 163.93) 35.5%, oklch(68.43% 0.1718 152.15) 38.7%, oklch(70.06% 0.1752 142.98) 41.9%, oklch(73.08% 0.1754 136.31) 45.2%, oklch(76.81% 0.1737 131.13) 48.4%, oklch(80.53% 0.1711 126.42) 51.6%, oklch(83.53% 0.1687 121.16) 54.8%, oklch(85.09% 0.1676 114.32) 58.1%, oklch(84.52% 0.1691 104.87) 61.3%, oklch(81.74% 0.1673 92.45) 64.5%, oklch(77.41% 0.1613 78.12) 67.7%, oklch(72.20% 0.1646 63.10) 71.0%, oklch(66.79% 0.1803 48.59) 74.2%, oklch(61.83% 0.1944 35.83) 77.4%, oklch(57.99% 0.1938 25.95) 80.6%, oklch(54.76% 0.1887 18.54) 83.9%, oklch(51.78% 0.1803 12.82) 87.1%, oklch(49.08% 0.1701 8.45) 90.3%, oklch(46.74% 0.1597 5.12) 93.5%, oklch(44.79% 0.1507 2.47) 96.8%, oklch(43.31% 0.1447 0.19) 100.0%);

Nestas coleções

Gradientes para mapas meteorológicos

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona