#200D01 - #5E3F11 | 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 #200D01 a #5E3F11

#200D01 #5E3F11

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

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

0.0%	0.0% #200D01	RGB 32 13 1	#200D01
16.7%	16.7% #2A1503	RGB 42 21 3	#2A1503
33.3%	33.3% #341D06	RGB 52 29 6	#341D06
50.0%	50.0% #3F2609	RGB 63 38 9	#3F2609
66.7%	66.7% #492E0B	RGB 73 46 11	#492E0B
83.3%	83.3% #53360E	RGB 83 54 14	#53360E
100.0%	100.0% #5E3F11	RGB 94 63 17	#5E3F11

#200D01 #2A1503 #341D06 #3F2609 #492E0B #53360E #5E3F11

#200D01 - #5E3F11

Miscela HSV

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

0.0%	0.0% #200D01	RGB 32 13 1	#200D01
16.7%	16.7% #2A1302	RGB 42 19 2	#2A1302
33.3%	33.3% #341A04	RGB 52 26 4	#341A04
50.0%	50.0% #3F2206	RGB 63 34 6	#3F2206
66.7%	66.7% #492B09	RGB 73 43 9	#492B09
83.3%	83.3% #53340D	RGB 83 52 13	#53340D
100.0%	100.0% #5E3F11	RGB 94 63 17	#5E3F11

#200D01 #2A1302 #341A04 #3F2206 #492B09 #53340D #5E3F11

#200D01 - #3F2206 - #5E3F11

Codici CSS

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

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