Roxo, azul, turquesa e verde em tons vivos: gradiente radial

Gradiente radial, 32 cores: #b748df, #796ad7, #449fc4, #42c6ae, #6fda93. Edite e exporte CSS, SVG, PNG ou um shader.

6 quadros-chave OKLCH editáveis.

• #b748df
• #b24bdf
• #ab4ede
• #a351dd
• #9a55db
• #9159da
• #895ed9
• #8164d8
• #796ad7
• #7170d5
• #6a76d3
• #637dd0
• #5c83ce
• #5589cc
• #4e90ca
• #4898c7
• #449fc4
• #42a5c0
• #43abbd
• #44b1ba
• #44b6b7
• #42bcb5
• #41c1b2
• #42c6ae
• #45cbaa
• #4bcea6
• #53d1a2
• #5ad49e
• #61d69b
• #67d898
• #6bd995
• #6fda93

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(61.42% 0.2301 315.70) 0.0%, oklch(61.06% 0.2249 313.78) 3.2%, oklch(60.52% 0.2177 311.27) 6.5%, oklch(59.90% 0.2092 308.24) 9.7%, oklch(59.32% 0.1999 304.74) 12.9%, oklch(58.86% 0.1903 300.81) 16.1%, oklch(58.66% 0.1809 296.52) 19.4%, oklch(58.74% 0.1716 291.89) 22.6%, oklch(59.00% 0.1614 286.89) 25.8%, oklch(59.42% 0.1509 281.48) 29.0%, oklch(59.98% 0.1405 275.64) 32.3%, oklch(60.66% 0.1309 269.34) 35.5%, oklch(61.46% 0.1227 262.55) 38.7%, oklch(62.39% 0.1161 255.11) 41.9%, oklch(63.53% 0.1103 246.62) 45.2%, oklch(64.82% 0.1053 237.45) 48.4%, oklch(66.20% 0.1015 228.05) 51.6%, oklch(67.59% 0.0989 218.88) 54.8%, oklch(68.93% 0.0977 210.38) 58.1%, oklch(70.17% 0.0983 202.94) 61.3%, oklch(71.40% 0.1015 196.10) 64.5%, oklch(72.63% 0.1065 189.71) 67.7%, oklch(73.83% 0.1127 183.80) 71.0%, oklch(74.97% 0.1190 178.37) 74.2%, oklch(76.02% 0.1247 173.45) 77.4%, oklch(76.95% 0.1289 169.03) 80.6%, oklch(77.79% 0.1321 165.15) 83.9%, oklch(78.56% 0.1348 161.78) 87.1%, oklch(79.25% 0.1371 158.91) 90.3%, oklch(79.84% 0.1391 156.50) 93.5%, oklch(80.33% 0.1407 154.52) 96.8%, oklch(80.71% 0.1419 152.96) 100.0%);

Nestas coleções

Primeira floração do jacarandá

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona