#080B08 - #001D02 | 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 #080B08 a #001D02

#080B08 #001D02

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

#080B08 - #001D02 | 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 #080B08 come 0% e #001D02 come 100%.

0.0%	0.0% #080B08	RGB 8 11 8	#080B08
16.7%	16.7% #060E07	RGB 6 14 7	#060E07
33.3%	33.3% #051106	RGB 5 17 6	#051106
50.0%	50.0% #041405	RGB 4 20 5	#041405
66.7%	66.7% #021704	RGB 2 23 4	#021704
83.3%	83.3% #011A03	RGB 1 26 3	#011A03
100.0%	100.0% #001D02	RGB 0 29 2	#001D02

#080B08 #060E07 #051106 #041405 #021704 #011A03 #001D02

#080B08 - #001D02

Miscela HSV

#080B08 - #001D02 | 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 #080B08 come 0% e #001D02 come 100%.

0.0%	0.0% #080B08	RGB 8 11 8	#080B08
16.7%	16.7% #080E08	RGB 8 14 8	#080E08
33.3%	33.3% #081108	RGB 8 17 8	#081108
50.0%	50.0% #071407	RGB 7 20 7	#071407
66.7%	66.7% #051706	RGB 5 23 6	#051706
83.3%	83.3% #031A04	RGB 3 26 4	#031A04
100.0%	100.0% #001D02	RGB 0 29 2	#001D02

#080B08 #080E08 #081108 #071407 #051706 #031A04 #001D02

#080B08 - #071407 - #001D02

Codici CSS

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

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