#20090D - #5E3733 | 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 #20090D a #5E3733

#20090D #5E3733

Calcola il colore tra due colori, #20090D e #5E3733. 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)

#20090D - #5E3733 | 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 #20090D come 0% e #5E3733 come 100%.

0.0%	0.0% #20090D	RGB 32 9 13	#20090D
16.7%	16.7% #2A1013	RGB 42 16 19	#2A1013
33.3%	33.3% #341819	RGB 52 24 25	#341819
50.0%	50.0% #3F2020	RGB 63 32 32	#3F2020
66.7%	66.7% #492726	RGB 73 39 38	#492726
83.3%	83.3% #532F2C	RGB 83 47 44	#532F2C
100.0%	100.0% #5E3733	RGB 94 55 51	#5E3733

#20090D #2A1013 #341819 #3F2020 #492726 #532F2C #5E3733

#20090D - #5E3733

Miscela HSV

#20090D - #5E3733 | 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 #20090D come 0% e #5E3733 come 100%.

0.0%	0.0% #20090D	RGB 32 9 13	#20090D
16.7%	16.7% #2A0D11	RGB 42 13 17	#2A0D11
33.3%	33.3% #341316	RGB 52 19 22	#341316
50.0%	50.0% #3F191B	RGB 63 25 27	#3F191B
66.7%	66.7% #492121	RGB 73 33 33	#492121
83.3%	83.3% #532B29	RGB 83 43 41	#532B29
100.0%	100.0% #5E3733	RGB 94 55 51	#5E3733

#20090D #2A0D11 #341316 #3F191B #492121 #532B29 #5E3733

#20090D - #3F191B - #5E3733

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #20090D 0%, #3F191B 50%, #5E3733 100%);
    background: -webkit-linear-gradient(top, #20090D 0%, #3F191B 50%, #5E3733 100%);
    background: linear-gradient(to bottom, #20090D 0%, #3F191B 50%, #5E3733 100%);
}
</style>