#5E4D13 - #D18E2E | 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 #5E4D13 a #D18E2E

#5E4D13 #D18E2E

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

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

0.0%	0.0% #5E4D13	RGB 94 77 19	#5E4D13
16.7%	16.7% #715717	RGB 113 87 23	#715717
33.3%	33.3% #84621C	RGB 132 98 28	#84621C
50.0%	50.0% #976D20	RGB 151 109 32	#976D20
66.7%	66.7% #AA7825	RGB 170 120 37	#AA7825
83.3%	83.3% #BD8329	RGB 189 131 41	#BD8329
100.0%	100.0% #D18E2E	RGB 209 142 46	#D18E2E

#5E4D13 #715717 #84621C #976D20 #AA7825 #BD8329 #D18E2E

#5E4D13 - #D18E2E

Miscela HSV

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

0.0%	0.0% #5E4D12	RGB 94 77 18	#5E4D12
16.7%	16.7% #715A17	RGB 113 90 23	#715A17
33.3%	33.3% #84661B	RGB 132 102 27	#84661B
50.0%	50.0% #97711F	RGB 151 113 31	#97711F
66.7%	66.7% #AA7B24	RGB 170 123 36	#AA7B24
83.3%	83.3% #BD8529	RGB 189 133 41	#BD8529
100.0%	100.0% #D18E2E	RGB 209 142 46	#D18E2E

#5E4D12 #715A17 #84661B #97711F #AA7B24 #BD8529 #D18E2E

#5E4D13 - #97711F - #D18E2E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4D12 0%, #97711F 50%, #D18E2E 100%);
    background: -webkit-linear-gradient(top, #5E4D12 0%, #97711F 50%, #D18E2E 100%);
    background: linear-gradient(to bottom, #5E4D12 0%, #97711F 50%, #D18E2E 100%);
}
</style>