Salmão, pêssego, turquesa e azul: gradiente radial
Gradiente radial, 32 cores: #ff786b, #ffab76, #a6d989, #27b6c4, #2473a5. Edite e exporte CSS, SVG, PNG ou um shader.
6 quadros-chave OKLCH editáveis.
- #ff786b
- #ff7c6c
- #ff806e
- #fe8670
- #fe8c72
- #fe9373
- #ff9973
- #ffa173
- #ffab76
- #ffb579
- #ffbe7a
- #ffc674
- #f9ce6f
- #edd371
- #dad775
- #c2d97d
- #a6d989
- #8bd795
- #71d3a2
- #5bcfad
- #48cab5
- #39c4bc
- #2ebdc1
- #27b6c4
- #26aec6
- #27a6c5
- #289dc2
- #2793bc
- #2689b6
- #2580af
- #2478a9
- #2473a5
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(72.83% 0.1667 27.42) 0.0%, oklch(73.38% 0.1629 28.62) 3.2%, oklch(74.09% 0.1573 29.98) 6.5%, oklch(74.96% 0.1508 31.71) 9.7%, oklch(75.93% 0.1441 34.02) 12.9%, oklch(77.00% 0.1379 37.13) 16.1%, oklch(78.12% 0.1330 41.25) 19.4%, oklch(79.43% 0.1276 46.44) 22.6%, oklch(81.15% 0.1209 52.45) 25.8%, oklch(83.01% 0.1153 59.29) 29.0%, oklch(84.77% 0.1134 66.96) 32.3%, oklch(86.16% 0.1194 75.45) 35.5%, oklch(86.93% 0.1231 84.76) 38.7%, oklch(86.86% 0.1219 95.15) 41.9%, oklch(86.05% 0.1209 107.32) 45.2%, oklch(84.70% 0.1200 120.67) 48.4%, oklch(83.00% 0.1191 134.44) 51.6%, oklch(81.15% 0.1183 147.90) 54.8%, oklch(79.34% 0.1176 160.30) 58.1%, oklch(77.72% 0.1168 171.01) 61.3%, oklch(76.16% 0.1161 180.75) 64.5%, oklch(74.56% 0.1154 189.76) 67.7%, oklch(72.89% 0.1148 198.06) 71.0%, oklch(71.15% 0.1142 205.66) 74.2%, oklch(69.30% 0.1135 212.58) 77.4%, oklch(67.30% 0.1129 218.83) 80.6%, oklch(64.92% 0.1121 224.37) 83.9%, oklch(62.25% 0.1114 229.20) 87.1%, oklch(59.50% 0.1106 233.34) 90.3%, oklch(56.91% 0.1099 236.83) 93.5%, oklch(54.72% 0.1093 239.69) 96.8%, oklch(53.15% 0.1089 241.94) 100.0%);Nestas coleções
Gradientes brilhantesGradientes de verãoGradientes de primavera
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
