#5E4014 - #3A1F06 | 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 #5E4014 a #3A1F06

#5E4014 #3A1F06

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

#5E4014 - #3A1F06 | 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 #5E4014 come 0% e #3A1F06 come 100%.

0.0%	0.0% #5E4014	RGB 94 64 20	#5E4014
16.7%	16.7% #583A11	RGB 88 58 17	#583A11
33.3%	33.3% #52350F	RGB 82 53 15	#52350F
50.0%	50.0% #4C2F0D	RGB 76 47 13	#4C2F0D
66.7%	66.7% #462A0A	RGB 70 42 10	#462A0A
83.3%	83.3% #402408	RGB 64 36 8	#402408
100.0%	100.0% #3A1F06	RGB 58 31 6	#3A1F06

#5E4014 #583A11 #52350F #4C2F0D #462A0A #402408 #3A1F06

#5E4014 - #3A1F06

Miscela HSV

#5E4014 - #3A1F06 | 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 #5E4014 come 0% e #3A1F06 come 100%.

0.0%	0.0% #5E4013	RGB 94 64 19	#5E4013
16.7%	16.7% #583911	RGB 88 57 17	#583911
33.3%	33.3% #52340E	RGB 82 52 14	#52340E
50.0%	50.0% #4C2E0C	RGB 76 46 12	#4C2E0C
66.7%	66.7% #462909	RGB 70 41 9	#462909
83.3%	83.3% #402307	RGB 64 35 7	#402307
100.0%	100.0% #3A1F06	RGB 58 31 6	#3A1F06

#5E4013 #583911 #52340E #4C2E0C #462909 #402307 #3A1F06

#5E4014 - #4C2E0C - #3A1F06

Codici CSS

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

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