#071708 - #00021E | 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 #071708 a #00021E

#071708 #00021E

Calcola il colore tra due colori, #071708 e #00021E. 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)

#071708 - #00021E | 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 #071708 come 0% e #00021E come 100%.

0.0%	0.0% #071708	RGB 7 23 8	#071708
16.7%	16.7% #05130B	RGB 5 19 11	#05130B
33.3%	33.3% #04100F	RGB 4 16 15	#04100F
50.0%	50.0% #030C13	RGB 3 12 19	#030C13
66.7%	66.7% #020816	RGB 2 8 22	#020816
83.3%	83.3% #01051A	RGB 1 5 26	#01051A
100.0%	100.0% #00021E	RGB 0 2 30	#00021E

#071708 #05130B #04100F #030C13 #020816 #01051A #00021E

#071708 - #00021E

Miscela HSV

#071708 - #00021E | 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 #071708 come 0% e #00021E come 100%.

0.0%	0.0% #071707	RGB 7 23 7	#071707
16.7%	16.7% #06180C	RGB 6 24 12	#06180C
33.3%	33.3% #051912	RGB 5 25 18	#051912
50.0%	50.0% #041A1A	RGB 4 26 26	#041A1A
66.7%	66.7% #02131B	RGB 2 19 27	#02131B
83.3%	83.3% #010B1C	RGB 1 11 28	#010B1C
100.0%	100.0% #00021E	RGB 0 2 30	#00021E

#071707 #06180C #051912 #041A1A #02131B #010B1C #00021E

#071708 - #041A1A - #00021E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #071707 0%, #041A1A 50%, #00021E 100%);
    background: -webkit-linear-gradient(top, #071707 0%, #041A1A 50%, #00021E 100%);
    background: linear-gradient(to bottom, #071707 0%, #041A1A 50%, #00021E 100%);
}
</style>