Sélection floue

Mon idée de départ était de réaliser, par un code CSS,  une sélection sur une image, colorée avec les bords flous et la placer sur l'image de départ modifiée en noir et blanc.

J'ai cherché sur internet mais rien trouvé qui correspondait à ma recherche; j'ai trouvé des informations à partir de logiciels de traitement d'image (the Gimp, Photoshop...) et j'ai tenté ma chance 

Avec the gimp, j'ai ouvert mon image de départ:

J'ai dupliqué cette image pour disposer d'une image que je passe en noir et blanc et une autre sur laquelle je sélectionne la partie colorée choisie.

Sur l'image où je sélectionne la fleur, dans cet exemple, j'utilise l'outil "dégradé", mode normal,  dégradé pp vers transparence (d'autres dégradés sont disponibles), forme:radial.

Je place mon curseur au centre de l'image et je le déplace vers un bord, pour agrandir la partie transparente.

J'utilise l'outil sélection ronde pour créer une sélection autour du centre de la fleur.

Je copie en place cette sélection sur l'image en noir et blanc.

Les contours de la sélection sont nets; je reviens sur l'image avec la sélection/ outil sélection/bordure: je choisis la valeur de la bordure (ici 100px) et je choisis le mode:"adouci"

Edition:copier pour copier la bordure en adouci; ouvrir l'image en noir et blanc: coller en place:

Nous avons bien notre sélection au bords flous sur un fond dont vous pouvez modifier l'apparence.

Quelques bricolages sur ce principe:

Et, rien à voir mais un essai de filtre sur le premier modèle: