El Modelo de color RYB podría ser una opción adecuada para los cálculos de mezcla de colores. De acuerdo con Wikipedia , se utiliza principalmente en el arte y la educación del diseño, particularmente en la pintura.

Para mezclar 2 colores, uno convierte ambos colores de RGB a RYB, mezcla los colores agregando cada uno componente de color, y convierte el color resultante de RYB de nuevo a RGB.

He intentado esto usando la Herramienta de Mezcla de color en línea , y los resultados son

• 0000FF (azul) mezclado con #FFFF00 (amarillo) da #008000 (verde oscuro),

• FF0000 (rojo) mezclado con #FFFF00 (amarillo) da #FFA000 (naranja).

Así que este método produce exactamente los resultados que esperabas.

Desafortunadamente, no pude encontrar una referencia con la fórmula "lista para usar" para convertir de RGB a RYB y volver a RGB.

El papel Mezcla y Composición de Colores Inspirados en la Pintura para la Visualización - Gossett y Chen describe la idea general del modelo de color RYB en la sección "2 LOGRAR UNA MEZCLA DE COLOR INTUITIVA".

De acuerdo con ese documento, la conversión de RYB a RGB se realiza mediante interpolación Trilineal.

La parte difícil es la conversión de RGB a RYB, porque requiere la inversión de la interpolación trilineal. Ver Conversión entre RGB y color RYB espacios para más información.

Incluso si esta respuesta no proporciona una fórmula completa para el cálculo, espero que dé algunas ideas sobre cómo proceder.

Con CIELAB colors tienes tres coordenadas para cada uno de tus dos colores en el espacio de color LAB. (Por cierto, excelente trabajo en llegar hasta aquí). Lo que funcionará mejor y será más fácil de implementar para usted es encontrar el punto medio tridimensional de un segmento de línea imaginaria que une los dos puntos en el espacio de LABORATORIO. Puede hacer esto fácilmente promediando cada uno de los componentes de sus dos colores: el promedio L, el promedio a y el promedio b. A continuación, convertir este color de nuevo en espacio RGB al invertir su transformación (asegúrese de que su espacio de iluminación permanezca igual en ambos sentidos).

Su nuevo color puede estar fuera del espacio de color RGB. En este caso, puede decidir recortar al color visible más cercano. (Los azules son especialmente vulnerables a esto).

Ahora que tienes tus dos colores en formato LAB (o L*a*b*), puedes promediarlos juntos.

L(result) = L(first color) + L(second color) / 2
A(result) = A(first color) + A(second color) / 2
B(result) = B(first color) + B(second color) / 2

Ya lo sabías, ¿verdad? porque esto es lo que estabas haciendo con tus colores RGB originales para promediarlos.

En realidad me encontré con el mismo problema al tratar de mezclar 2 colores RGB juntos. Estas 2 funciones funcionaron para mí:

//colorChannelA and colorChannelB are ints ranging from 0 to 255
function colorChannelMixer(colorChannelA, colorChannelB, amountToMix){
    var channelA = colorChannelA*amountToMix;
    var channelB = colorChannelB*(1-amountToMix);
    return parseInt(channelA+channelB);
}
//rgbA and rgbB are arrays, amountToMix ranges from 0.0 to 1.0
//example (red): rgbA = [255,0,0]
function colorMixer(rgbA, rgbB, amountToMix){
    var r = colorChannelMixer(rgbA[0],rgbB[0],amountToMix);
    var g = colorChannelMixer(rgbA[1],rgbB[1],amountToMix);
    var b = colorChannelMixer(rgbA[2],rgbB[2],amountToMix);
    return "rgb("+r+","+g+","+b+")";
}

Para mezclar rojo ([255,0,0] ) con azul ( [0,0,255]) uniformemente, puede llamar

colorMixer([255,0,0], [0,0,255], 0.5);//returns "rgb(127,0,127)" (purple)

Esto puede ayudar, aunque primero debe convertir cada valor de color en una matriz. Si usas tela.js para trabajar con elementos de canvas, esto se vuelve muy fácil. Simplemente llame

var rgbA = new fabric.Color(yourColor);
var rgbB = new fabric.Color(yourSecondColor);

Luego llama

colorMixer(rgbA.getSource(),rgbB.getSource(),0.5);

Espero que estas funciones ayuden.

Aquí hay un buen artículo que escribí sobre la mezcla de colores en el espacio de color CIE-LCh, que produce una mezcla que conserva el tono, la saturación y la luminancia de una manera que sea coherente con la percepción de su ojo.

Mezcla de colores mejorada

Necesitas usar el modelo de color CMY o RGB.

¿por Qué Blue + Yellow no puede ser Gray?

Blue + Yellow = (Cyan + Magenta) + Yellow => Gray. ¿Por qué no?

Mira esto.

Así que puedes usar RGB (CMY) para mezclar colores.

¿Qué hay de convertir RGB a CMYK usando este y luego:

// CMYK colors
colorA = [2, 90, 94, 0];
colorB = [4, 0, 80, 0]; 

colorMixC = (colorA[0] + colorB[0]) / 2;
colorMixM = (colorA[1] + colorB[1]) / 2;
colorMixY = (colorA[2] + colorB[2]) / 2;
colorMixK = (colorA[3] + colorB[3]) / 2;

Y finalmente convertir CMYK a RGB usando este