Programming

13371 readers

1 users here now

All things programming and coding related. Subcommunity of Technology.

This community's icon was made by Aaron Schneider, under the CC-BY-NC-SA 4.0 license.

founded 1 year ago

MODERATORS

[email protected]

[CSS] how do I calculate the subtraction of two color? (lemmy.kde.social)

submitted 1 year ago by [email protected] to c/[email protected]

4 comments fedilink hide all child comments

Hello! I'm trying to understand how a color has been obtained by merging two other colors, for instance:

--color1: #02c390;
--color2: #31363B;

--result: #24544C;

I would like to create --result by merging the two other colors, but I don't know the percentage. I tried using color-mix but I didn't get any close results. how can I get the percentage of the two colors needed to obtain the result?

thanks in advance!

top 4 comments

sorted by: hot top controversial new old

[–] [email protected] 6 points 1 year ago (2 children)

The only way to do this is by dividing this into R, G, B and then do the math on these. See Here

[–] [email protected] 3 points 1 year ago

Doesn't look like a linear operation in RGB color space to me just eyeing the hex values. Might be an operation in HSL or CMYK spaces

[–] [email protected] 2 points 1 year ago

Thanks for the link!

[–] [email protected] 2 points 1 year ago

I don't know how exact the values need to be, but optically, the closest I could get to --result is with these values, still using color-mix:

color-mix(in srgb, #02C390, 79% #31363B)

It came out as #27544D

To be fair, my monitors are not colour calibrated so it might not even look like that on your screen or anyone else's.

If you don't mind me asking, how did you arrive at --result's value?