Verde, amarelo, azul-claro e azul: gradiente radial

Gradiente radial, 32 cores: #a4c690, #c8d359, #33cbe4, #00b0fd, #5e90ad. Edite e exporte CSS, SVG, PNG ou um shader.

8 quadros-chave OKLCH editáveis.

• #a4c690
• #a9c989
• #b3cc7c
• #c0cf6c
• #ccd05d
• #d1d155
• #d2d151
• #d0d253
• #c8d359
• #bdd464
• #abd576
• #98d58b
• #88d39f
• #7ad0ae
• #68cfbc
• #4ececf
• #33cbe4
• #2ac7f6
• #38c1ff
• #41bcff
• #36baff
• #1ab7ff
• #00b4fd
• #00b0fd
• #08acff
• #18a7ff
• #1ba2fe
• #289ff4
• #369ce3
• #4798cd
• #5594ba
• #5e90ad

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(78.74% 0.0827 134.30) 0.0%, oklch(79.59% 0.0932 129.81) 3.2%, oklch(80.84% 0.1087 123.14) 6.5%, oklch(82.15% 0.1251 116.26) 9.7%, oklch(83.19% 0.1383 111.15) 12.9%, oklch(83.69% 0.1451 109.17) 16.1%, oklch(83.85% 0.1481 108.81) 19.4%, oklch(83.75% 0.1481 110.16) 22.6%, oklch(83.45% 0.1456 113.59) 25.8%, oklch(83.00% 0.1411 119.46) 29.0%, oklch(82.27% 0.1314 128.50) 32.3%, oklch(81.30% 0.1179 140.13) 35.5%, oklch(80.27% 0.1053 153.20) 38.7%, oklch(79.35% 0.0982 166.53) 41.9%, oklch(78.68% 0.1006 180.18) 45.2%, oklch(78.18% 0.1108 195.83) 48.4%, oklch(77.73% 0.1247 211.43) 51.6%, oklch(77.22% 0.1379 224.71) 54.8%, oklch(76.56% 0.1433 233.43) 58.1%, oklch(75.76% 0.1429 237.02) 61.3%, oklch(74.86% 0.1482 237.35) 64.5%, oklch(73.92% 0.1556 236.52) 67.7%, oklch(72.97% 0.1584 236.60) 71.0%, oklch(72.04% 0.1615 238.70) 74.2%, oklch(71.11% 0.1661 241.57) 77.4%, oklch(70.14% 0.1686 244.32) 80.6%, oklch(69.12% 0.1710 246.09) 83.9%, oklch(67.99% 0.1610 245.97) 87.1%, oklch(66.62% 0.1395 243.72) 90.3%, oklch(65.17% 0.1123 240.33) 93.5%, oklch(63.89% 0.0864 236.94) 96.8%, oklch(62.99% 0.0689 234.69) 100.0%);

Nestas coleções

Gradientes multicoloridos em verde

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona