#202221 - #000E0D | 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 #202221 a #000E0D

#202221 #000E0D

Calcola il colore tra due colori, #202221 e #000E0D. 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)

#202221 - #000E0D | 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 #202221 come 0% e #000E0D come 100%.

0.0%	0.0% #202221	RGB 32 34 33	#202221
16.7%	16.7% #1A1E1D	RGB 26 30 29	#1A1E1D
33.3%	33.3% #151B1A	RGB 21 27 26	#151B1A
50.0%	50.0% #101817	RGB 16 24 23	#101817
66.7%	66.7% #0A1413	RGB 10 20 19	#0A1413
83.3%	83.3% #051110	RGB 5 17 16	#051110
100.0%	100.0% #000E0D	RGB 0 14 13	#000E0D

#202221 #1A1E1D #151B1A #101817 #0A1413 #051110 #000E0D

#202221 - #000E0D

Miscela HSV

#202221 - #000E0D | 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 #202221 come 0% e #000E0D come 100%.

0.0%	0.0% #202221	RGB 32 34 33	#202221
16.7%	16.7% #181E1B	RGB 24 30 27	#181E1B
33.3%	33.3% #111B17	RGB 17 27 23	#111B17
50.0%	50.0% #0B1814	RGB 11 24 20	#0B1814
66.7%	66.7% #061411	RGB 6 20 17	#061411
83.3%	83.3% #02110F	RGB 2 17 15	#02110F
100.0%	100.0% #000E0D	RGB 0 14 13	#000E0D

#202221 #181E1B #111B17 #0B1814 #061411 #02110F #000E0D

#202221 - #0B1814 - #000E0D

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #202221 0%, #0B1814 50%, #000E0D 100%);
    background: -webkit-linear-gradient(top, #202221 0%, #0B1814 50%, #000E0D 100%);
    background: linear-gradient(to bottom, #202221 0%, #0B1814 50%, #000E0D 100%);
}
</style>