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

submitted 1 year ago by tubbadu@lemmy.kde.social to c/programming@beehaw.org

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

[-] ririe@lemmy.fmhy.ml 6 points 1 year ago

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

[-] key@lemmy.keychat.org 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

[-] tubbadu@lemmy.kde.social 2 points 1 year ago

Thanks for the link!

[-] mifuyne@beehaw.org 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?

this post was submitted on 24 Jun 2023

11 points (100.0% liked)

Programming

13360 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 2 years ago

MODERATORS

alyaza@beehaw.org

Hexorg@beehaw.org

remington@beehaw.org