#080D4D - #020F07 | 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 #080D4D a #020F07

#080D4D #020F07

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

#080D4D - #020F07 | 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 #080D4D come 0% e #020F07 come 100%.

0.0%	0.0% #080D4D	RGB 8 13 77	#080D4D
16.7%	16.7% #070D41	RGB 7 13 65	#070D41
33.3%	33.3% #060D35	RGB 6 13 53	#060D35
50.0%	50.0% #050E2A	RGB 5 14 42	#050E2A
66.7%	66.7% #040E1E	RGB 4 14 30	#040E1E
83.3%	83.3% #030E12	RGB 3 14 18	#030E12
100.0%	100.0% #020F07	RGB 2 15 7	#020F07

#080D4D #070D41 #060D35 #050E2A #040E1E #030E12 #020F07

#080D4D - #020F07

Miscela HSV

#080D4D - #020F07 | 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 #080D4D come 0% e #020F07 come 100%.

0.0%	0.0% #070D4D	RGB 7 13 77	#070D4D
16.7%	16.7% #071A42	RGB 7 26 66	#071A42
33.3%	33.3% #062338	RGB 6 35 56	#062338
50.0%	50.0% #05272E	RGB 5 39 46	#05272E
66.7%	66.7% #042320	RGB 4 35 32	#042320
83.3%	83.3% #031911	RGB 3 25 17	#031911
100.0%	100.0% #020F07	RGB 2 15 7	#020F07

#070D4D #071A42 #062338 #05272E #042320 #031911 #020F07

#080D4D - #05272E - #020F07

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #070D4D 0%, #05272E 50%, #020F07 100%);
    background: -webkit-linear-gradient(top, #070D4D 0%, #05272E 50%, #020F07 100%);
    background: linear-gradient(to bottom, #070D4D 0%, #05272E 50%, #020F07 100%);
}
</style>