#5E4D3E - #362206 | 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 #5E4D3E a #362206

#5E4D3E #362206

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

#5E4D3E - #362206 | 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 #5E4D3E come 0% e #362206 come 100%.

0.0%	0.0% #5E4D3E	RGB 94 77 62	#5E4D3E
16.7%	16.7% #574534	RGB 87 69 52	#574534
33.3%	33.3% #503E2B	RGB 80 62 43	#503E2B
50.0%	50.0% #4A3722	RGB 74 55 34	#4A3722
66.7%	66.7% #433018	RGB 67 48 24	#433018
83.3%	83.3% #3C290F	RGB 60 41 15	#3C290F
100.0%	100.0% #362206	RGB 54 34 6	#362206

#5E4D3E #574534 #503E2B #4A3722 #433018 #3C290F #362206

#5E4D3E - #362206

Miscela HSV

#5E4D3E - #362206 | 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 #5E4D3E come 0% e #362206 come 100%.

0.0%	0.0% #5E4D3E	RGB 94 77 62	#5E4D3E
16.7%	16.7% #574431	RGB 87 68 49	#574431
33.3%	33.3% #503B26	RGB 80 59 38	#503B26
50.0%	50.0% #4A341C	RGB 74 52 28	#4A341C
66.7%	66.7% #432D13	RGB 67 45 19	#432D13
83.3%	83.3% #3C270C	RGB 60 39 12	#3C270C
100.0%	100.0% #362206	RGB 54 34 6	#362206

#5E4D3E #574431 #503B26 #4A341C #432D13 #3C270C #362206

#5E4D3E - #4A341C - #362206

Codici CSS

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

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