Continuous Color starting from the middle

[ThafnySoares]

Hello. I am working with visual variables of the type 'color' and I am having a problem with the arrangement of the stop ticks. My minimum value is always with the 'little arrow' in the middle of the color bar, instead of being in the lower limit.

The minimum value of my samples in this case is 0 and even if I put the lower limit -100, the arrow is in the middle of the bar.

Am I forgetting something? Thank you!

[ThafnySoares]

Any idea?

[JohnGrayson]

Do you have a codepen or jsbin that shows the code and results?

[ThafnySoares · Accepted solution]

I'm sorry for answering so late.
When creating a codepen to submit here I realized that the problem only happened within my project. That's because in CSS there was content = "." influenced the rendering of the color ramp. Thank you anyway.