[Bug] visualMap outOfRange gets mixed with inRange on opaque inRange colors

### Version

6.0.0

### Link to Minimal Reproduction

https://echarts.apache.org/examples/en/editor.html?code=hU89iwIxEO39FUMs0qSI922OK2y2Ow6uFYu5XJRATJZNIiuy_91JVkUL8cELM4-895jQJhs8fMFhAtAvehtVHQH-MaGCJV9wAQ-fFVkGQc_-OuIsRtNZQ-pylNO-NQp41JiS6Xj5cambSQFPxGfiC_GV-EZ8J34Q57JWrYppZ2NG943tuW8MZjr4ZH0OObIxe2u9AnmasVcwk6fN-l_0GzKNAQQdXOjK3dOmYi654FNZQXNpJ9SzCCGnn_W9CFZtTcNAAKO4srHbAI1OZ4d_jvypy6aow2T4PAI&enc=deflate

### Steps to Reproduce

Create a continuous visual map with outOrRange colors set and inRange colors set to opaque colors.

### Current Behavior

Then the visualMap shows the mixture of the two gradients within the range while the actually applied colors in the plot are correctly displaying the inRange color gradient

In the following image, the inRange gradient should just be a (opaque) greyscale.

### Expected Behavior

The visual map controller component should display what is applied in the plot.

### Environment

```markdown
- OS:Mac
- Browser: Chrome
- Framework: -
```

### Any additional comments?

_No response_