#080807 - #020202 | 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 #080807 a #020202

#080807 #020202

Calcola il colore tra due colori, #080807 e #020202. 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)

#080807 - #020202 | 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 #080807 come 0% e #020202 come 100%.

0.0%	0.0% #080807	RGB 8 8 7	#080807
16.7%	16.7% #070706	RGB 7 7 6	#070706
33.3%	33.3% #060605	RGB 6 6 5	#060605
50.0%	50.0% #050504	RGB 5 5 4	#050504
66.7%	66.7% #040403	RGB 4 4 3	#040403
83.3%	83.3% #030302	RGB 3 3 2	#030302
100.0%	100.0% #020202	RGB 2 2 2	#020202

#080807 #070706 #060605 #050504 #040403 #030302 #020202

#080807 - #020202

Miscela HSV

#080807 - #020202 | 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 #080807 come 0% e #020202 come 100%.

0.0%	0.0% #080807	RGB 8 8 7	#080807
16.7%	16.7% #070606	RGB 7 6 6	#070606
33.3%	33.3% #060505	RGB 6 5 5	#060505
50.0%	50.0% #050404	RGB 5 4 4	#050404
66.7%	66.7% #040303	RGB 4 3 3	#040303
83.3%	83.3% #030202	RGB 3 2 2	#030202
100.0%	100.0% #020202	RGB 2 2 2	#020202

#080807 #070606 #060505 #050404 #040303 #030202 #020202

#080807 - #050404 - #020202

Codici CSS

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

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