#080D07 - #3C3C3C | 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 #080D07 a #3C3C3C

#080D07 #3C3C3C

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

#080D07 - #3C3C3C | 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 #080D07 come 0% e #3C3C3C come 100%.

0.0%	0.0% #080D07	RGB 8 13 7	#080D07
16.7%	16.7% #10140F	RGB 16 20 15	#10140F
33.3%	33.3% #191C18	RGB 25 28 24	#191C18
50.0%	50.0% #222421	RGB 34 36 33	#222421
66.7%	66.7% #2A2C2A	RGB 42 44 42	#2A2C2A
83.3%	83.3% #333433	RGB 51 52 51	#333433
100.0%	100.0% #3C3C3C	RGB 60 60 60	#3C3C3C

#080D07 #10140F #191C18 #222421 #2A2C2A #333433 #3C3C3C

#080D07 - #3C3C3C

Miscela HSV

#080D07 - #3C3C3C | 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 #080D07 come 0% e #3C3C3C come 100%.

0.0%	0.0% #080D07	RGB 8 13 7	#080D07
16.7%	16.7% #10140C	RGB 16 20 12	#10140C
33.3%	33.3% #1A1C13	RGB 26 28 19	#1A1C13
50.0%	50.0% #24231C	RGB 36 35 28	#24231C
66.7%	66.7% #2C2925	RGB 44 41 37	#2C2925
83.3%	83.3% #343130	RGB 52 49 48	#343130
100.0%	100.0% #3C3C3C	RGB 60 60 60	#3C3C3C

#080D07 #10140C #1A1C13 #24231C #2C2925 #343130 #3C3C3C

#080D07 - #24231C - #3C3C3C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #080D07 0%, #24231C 50%, #3C3C3C 100%);
    background: -webkit-linear-gradient(top, #080D07 0%, #24231C 50%, #3C3C3C 100%);
    background: linear-gradient(to bottom, #080D07 0%, #24231C 50%, #3C3C3C 100%);
}
</style>