Ion Bar and Ion Range - Same Color Codes, Different Look?

Hi All,

I have ion bar with --progress-background: linear-gradient(90deg, rgba(84,125,189,1) 0%, rgba(68,196,161,1) 100%);

And this looks perfect.

I then have an Ion range with the SAME color codes:

–bar-background: linear-gradient(90deg, rgba(84,125,189,1) 0%, rgba(68,196,161,1) 100%);

And it is clearly NOT the same color as the progress background.

Whats going on here? I cant seem to find any filters or overlaying css that would cause this to be lighter (opacity or something). Am i missing something?