¿Degradados suaves y multicolores?

1. Dibuja un degradado.

2. Conviértalo en un objeto inteligente.

3. Aplicar Filter→ Pixelate→ Crystallise.

4. Agregue una Gradient Mapcapa de ajuste en la parte superior

5. Ahora puede ajustar los Crystallisevalores, si lo desea.

Claro, no usa HTML o CSS, pero la técnica usa un mapa de degradado. Los mapas de degradado son los mejores.

Tenga en cuenta que este ejemplo podría haberse construido de muchas maneras. Podría haber sido solo una capa de mapa de bits con un degradado, luego se aplicó el filtro. Eso daría el mismo resultado, pero no permitiría una fácil edición posterior. El mapa de gradiente se utilizó para un control preciso y flexibilidad.

Me encontré con este recurso: http://williamngan.github.io/kubist/ Es una aplicación web que genera obras de arte de estilo cubista en formato SVG. Leer el artículo "Cómo funciona" del creador también es bastante fascinante. Si bien esta no es una respuesta directa a su pregunta, proporciona algunas ideas sobre cómo lograr el suave efecto de degradado tipo "mosaico" que está buscando. Y, como demuestra la aplicación web Kubist, se puede hacer en HTML con el uso de gráficos SVG.

He usado una aplicación llamada Dmesh http://dmesh.thedofl.com/ para crear gradientes e imágenes de triangulación muy personalizados. Es una aplicación gratuita para Windows y Mac (y iPhone). Inicie la aplicación y arrastre y suelte cualquier imagen en ella y donde sea que haga clic, formará vértices. Luego puede exportar la imagen final como SVG y abrirla en Illustrator para editarla más. ¡Gran herramienta!