#5E721B - #1E2B08 | 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 #5E721B a #1E2B08

#5E721B #1E2B08

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

#5E721B - #1E2B08 | 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 #5E721B come 0% e #1E2B08 come 100%.

0.0%	0.0% #5E721B	RGB 94 114 27	#5E721B
16.7%	16.7% #536617	RGB 83 102 23	#536617
33.3%	33.3% #485A14	RGB 72 90 20	#485A14
50.0%	50.0% #3E4E11	RGB 62 78 17	#3E4E11
66.7%	66.7% #33420E	RGB 51 66 14	#33420E
83.3%	83.3% #28360B	RGB 40 54 11	#28360B
100.0%	100.0% #1E2B08	RGB 30 43 8	#1E2B08

#5E721B #536617 #485A14 #3E4E11 #33420E #28360B #1E2B08

#5E721B - #1E2B08

Miscela HSV

#5E721B - #1E2B08 | 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 #5E721B come 0% e #1E2B08 come 100%.

0.0%	0.0% #5E721B	RGB 94 114 27	#5E721B
16.7%	16.7% #526617	RGB 82 102 23	#526617
33.3%	33.3% #465A13	RGB 70 90 19	#465A13
50.0%	50.0% #3B4E10	RGB 59 78 16	#3B4E10
66.7%	66.7% #31420D	RGB 49 66 13	#31420D
83.3%	83.3% #27360A	RGB 39 54 10	#27360A
100.0%	100.0% #1E2B08	RGB 30 43 8	#1E2B08

#5E721B #526617 #465A13 #3B4E10 #31420D #27360A #1E2B08

#5E721B - #3B4E10 - #1E2B08

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E721B 0%, #3B4E10 50%, #1E2B08 100%);
    background: -webkit-linear-gradient(top, #5E721B 0%, #3B4E10 50%, #1E2B08 100%);
    background: linear-gradient(to bottom, #5E721B 0%, #3B4E10 50%, #1E2B08 100%);
}
</style>