#5E5A14 - #3A2E07 | 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 #5E5A14 a #3A2E07

#5E5A14 #3A2E07

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

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

0.0%	0.0% #5E5A14	RGB 94 90 20	#5E5A14
16.7%	16.7% #585211	RGB 88 82 17	#585211
33.3%	33.3% #524B0F	RGB 82 75 15	#524B0F
50.0%	50.0% #4C440D	RGB 76 68 13	#4C440D
66.7%	66.7% #463C0B	RGB 70 60 11	#463C0B
83.3%	83.3% #403509	RGB 64 53 9	#403509
100.0%	100.0% #3A2E07	RGB 58 46 7	#3A2E07

#5E5A14 #585211 #524B0F #4C440D #463C0B #403509 #3A2E07

#5E5A14 - #3A2E07

Miscela HSV

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

0.0%	0.0% #5E5A13	RGB 94 90 19	#5E5A13
16.7%	16.7% #585211	RGB 88 82 17	#585211
33.3%	33.3% #524A0E	RGB 82 74 14	#524A0E
50.0%	50.0% #4C420C	RGB 76 66 12	#4C420C
66.7%	66.7% #463B0A	RGB 70 59 10	#463B0A
83.3%	83.3% #403408	RGB 64 52 8	#403408
100.0%	100.0% #3A2E07	RGB 58 46 7	#3A2E07

#5E5A13 #585211 #524A0E #4C420C #463B0A #403408 #3A2E07

#5E5A14 - #4C420C - #3A2E07

Codici CSS

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

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