How can I get a Color that is x% on the way betwee...

# compose

[Marcin Wisniowski]

How can I get a Color that is x% on the way between Color A and Color B? I want the same behavior as animateColorAsState() except there is no animation, I just want a fixed value that would be there, say, 50% through the animation.

[ephemient]

https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/package-summary#lerp(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Float)

[ephemient]

same name as every the linear interpolator function on every other compose type

[Marcin Wisniowski]

Just as I finished implementing my own 😄
I looked for "lerp" on the Color class, didn't know it would just be a global function, thanks!

[Zach Klippenstein (he/him) [MOD]]

If you’re using your own, make sure to use the oklab color space

[ascii]

Any reason why the default srgb shouldn't be used? Might as well change defaults then.

[romainguy]

sRGB doesn't interpolate colors very well, notably losing luminance

[romainguy]

Linear sRGB is an improvement but still shows luminance/hue skews that OkLab improves upon

[romainguy]

It's not perfect either but much much better

[romainguy]

Compose's lerp () will use OkLab

[romainguy]

Here's a good example:

[romainguy]

Image from iOS.jpg

[ascii]

Oh that's very interesting. Thanks!