#200F09 - #5E4337 | 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 #200F09 a #5E4337

#200F09 #5E4337

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

#200F09 - #5E4337 | 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 #200F09 come 0% e #5E4337 come 100%.

0.0%	0.0% #200F09	RGB 32 15 9	#200F09
16.7%	16.7% #2A1710	RGB 42 23 16	#2A1710
33.3%	33.3% #342018	RGB 52 32 24	#342018
50.0%	50.0% #3F2920	RGB 63 41 32	#3F2920
66.7%	66.7% #493127	RGB 73 49 39	#493127
83.3%	83.3% #533A2F	RGB 83 58 47	#533A2F
100.0%	100.0% #5E4337	RGB 94 67 55	#5E4337

#200F09 #2A1710 #342018 #3F2920 #493127 #533A2F #5E4337

#200F09 - #5E4337

Miscela HSV

#200F09 - #5E4337 | 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 #200F09 come 0% e #5E4337 come 100%.

0.0%	0.0% #200F09	RGB 32 15 9	#200F09
16.7%	16.7% #2A150E	RGB 42 21 14	#2A150E
33.3%	33.3% #341D14	RGB 52 29 20	#341D14
50.0%	50.0% #3F251B	RGB 63 37 27	#3F251B
66.7%	66.7% #492E23	RGB 73 46 35	#492E23
83.3%	83.3% #53382C	RGB 83 56 44	#53382C
100.0%	100.0% #5E4337	RGB 94 67 55	#5E4337

#200F09 #2A150E #341D14 #3F251B #492E23 #53382C #5E4337

#200F09 - #3F251B - #5E4337

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #200F09 0%, #3F251B 50%, #5E4337 100%);
    background: -webkit-linear-gradient(top, #200F09 0%, #3F251B 50%, #5E4337 100%);
    background: linear-gradient(to bottom, #200F09 0%, #3F251B 50%, #5E4337 100%);
}
</style>