#080B05 - #020301 | 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 #080B05 a #020301

#080B05 #020301

Calcola il colore tra due colori, #080B05 e #020301. 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)

#080B05 - #020301 | 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 #080B05 come 0% e #020301 come 100%.

0.0%	0.0% #080B05	RGB 8 11 5	#080B05
16.7%	16.7% #070904	RGB 7 9 4	#070904
33.3%	33.3% #060803	RGB 6 8 3	#060803
50.0%	50.0% #050703	RGB 5 7 3	#050703
66.7%	66.7% #040502	RGB 4 5 2	#040502
83.3%	83.3% #030401	RGB 3 4 1	#030401
100.0%	100.0% #020301	RGB 2 3 1	#020301

#080B05 #070904 #060803 #050703 #040502 #030401 #020301

#080B05 - #020301

Miscela HSV

#080B05 - #020301 | 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 #080B05 come 0% e #020301 come 100%.

0.0%	0.0% #080B05	RGB 8 11 5	#080B05
16.7%	16.7% #060904	RGB 6 9 4	#060904
33.3%	33.3% #050803	RGB 5 8 3	#050803
50.0%	50.0% #040702	RGB 4 7 2	#040702
66.7%	66.7% #030502	RGB 3 5 2	#030502
83.3%	83.3% #020401	RGB 2 4 1	#020401
100.0%	100.0% #020301	RGB 2 3 1	#020301

#080B05 #060904 #050803 #040702 #030502 #020401 #020301

#080B05 - #040702 - #020301

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #080B05 0%, #040702 50%, #020301 100%);
    background: -webkit-linear-gradient(top, #080B05 0%, #040702 50%, #020301 100%);
    background: linear-gradient(to bottom, #080B05 0%, #040702 50%, #020301 100%);
}
</style>