JSFiddle - React, Tailwind, and code Playground

HTML

<input id='cor1' type='text' />
<input id='cor2' type='text' />
<button>Misturar cores</button>
<br>
    <h2>Resultado em hexadecimal: <span></span></h2>
<div id='cor_misturada'></div>

CSS

#cor_misturada{
    width:100px;
    height:100px;
    background:#EEE;
}

JavaScript

$('button').click(function(){
    var cor1 = $('#cor1').val();
    var cor2 = $('#cor2').val();
    // realiza a mistura
    var mistura;
    $('#cor_misturada').css('background-color', mistura);
    $('h2 span').text(mistura);
    
});