#5E4A3C - #4A2307 | 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 #5E4A3C a #4A2307

#5E4A3C #4A2307

Calcola il colore tra due colori, #5E4A3C e #4A2307. 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)

#5E4A3C - #4A2307 | 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 #5E4A3C come 0% e #4A2307 come 100%.

0.0%	0.0% #5E4A3C	RGB 94 74 60	#5E4A3C
16.7%	16.7% #5A4333	RGB 90 67 51	#5A4333
33.3%	33.3% #573D2A	RGB 87 61 42	#573D2A
50.0%	50.0% #543621	RGB 84 54 33	#543621
66.7%	66.7% #503018	RGB 80 48 24	#503018
83.3%	83.3% #4D290F	RGB 77 41 15	#4D290F
100.0%	100.0% #4A2307	RGB 74 35 7	#4A2307

#5E4A3C #5A4333 #573D2A #543621 #503018 #4D290F #4A2307

#5E4A3C - #4A2307

Miscela HSV

#5E4A3C - #4A2307 | 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 #5E4A3C come 0% e #4A2307 come 100%.

0.0%	0.0% #5E4A3C	RGB 94 74 60	#5E4A3C
16.7%	16.7% #5A4231	RGB 90 66 49	#5A4231
33.3%	33.3% #573B27	RGB 87 59 39	#573B27
50.0%	50.0% #54341E	RGB 84 52 30	#54341E
66.7%	66.7% #502E16	RGB 80 46 22	#502E16
83.3%	83.3% #4D280E	RGB 77 40 14	#4D280E
100.0%	100.0% #4A2307	RGB 74 35 7	#4A2307

#5E4A3C #5A4231 #573B27 #54341E #502E16 #4D280E #4A2307

#5E4A3C - #54341E - #4A2307

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4A3C 0%, #54341E 50%, #4A2307 100%);
    background: -webkit-linear-gradient(top, #5E4A3C 0%, #54341E 50%, #4A2307 100%);
    background: linear-gradient(to bottom, #5E4A3C 0%, #54341E 50%, #4A2307 100%);
}
</style>