#391C10 - #876D3E | colorate

colorate è uno strumento per schemi a colori per designer e sviluppatori. Questo ti aiuterà a trarre ispirazione e funge da risorsa per il tuo lavoro a colori. Rendi questo sito migliore

Miscela da #391C10 a #876D3E

#391C10 #876D3E

Calcola il colore tra due colori, #391C10 e #876D3E. Nel calcolo dei valori RGB, la saturazione tra i colori diversi è bassa. Nel calcolo dei valori HSV, la saturazione tra i colori diversi non è bassa.

Miscela RGB (lineare)

#391C10 - #876D3E | colorate

Calcolo del colore tra due colori in base al valore RGB. Per i colori distanti tra loro, la saturazione tra i due colori diminuisce. Espandi il colore tra due colori con #391C10 come 0% e #876D3E come 100%.

0.0%	0.0% #391C10	RGB 57 28 16	#391C10
16.7%	16.7% #462917	RGB 70 41 23	#462917
33.3%	33.3% #53371F	RGB 83 55 31	#53371F
50.0%	50.0% #604427	RGB 96 68 39	#604427
66.7%	66.7% #6D522E	RGB 109 82 46	#6D522E
83.3%	83.3% #7A5F36	RGB 122 95 54	#7A5F36
100.0%	100.0% #876D3E	RGB 135 109 62	#876D3E

#391C10 #462917 #53371F #604427 #6D522E #7A5F36 #876D3E

#391C10 - #876D3E

Miscela HSV

#391C10 - #876D3E | colorate

Calcolo del colore tra due colori in base al valore HSV. Anche tra distinti colori di colore, la saturazione tra i due colori non diminuisce. Espandi il colore tra due colori con #391C10 come 0% e #876D3E come 100%.

0.0%	0.0% #391C10	RGB 57 28 16	#391C10
16.7%	16.7% #462615	RGB 70 38 21	#462615
33.3%	33.3% #53321C	RGB 83 50 28	#53321C
50.0%	50.0% #603F23	RGB 96 63 35	#603F23
66.7%	66.7% #6D4E2B	RGB 109 78 43	#6D4E2B
83.3%	83.3% #7A5D34	RGB 122 93 52	#7A5D34
100.0%	100.0% #876D3E	RGB 135 109 62	#876D3E

#391C10 #462615 #53321C #603F23 #6D4E2B #7A5D34 #876D3E

#391C10 - #603F23 - #876D3E

Codici CSS

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #391C10 0%, #876D3E 100%);
    background: -webkit-linear-gradient(top, #391C10 0%, #876D3E 100%);
    background: linear-gradient(to bottom, #391C10 0%, #876D3E 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #391C10 0%, #603F23 50%, #876D3E 100%);
    background: -webkit-linear-gradient(top, #391C10 0%, #603F23 50%, #876D3E 100%);
    background: linear-gradient(to bottom, #391C10 0%, #603F23 50%, #876D3E 100%);
}
</style>