#003EB6 - #001133 | 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 #003EB6 a #001133

#003EB6 #001133

Calcola il colore tra due colori, #003EB6 e #001133. 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)

#003EB6 - #001133 | 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 #003EB6 come 0% e #001133 come 100%.

0.0%	0.0% #003EB6	RGB 0 62 182	#003EB6
16.7%	16.7% #0036A0	RGB 0 54 160	#0036A0
33.3%	33.3% #002F8A	RGB 0 47 138	#002F8A
50.0%	50.0% #002774	RGB 0 39 116	#002774
66.7%	66.7% #00205E	RGB 0 32 94	#00205E
83.3%	83.3% #001848	RGB 0 24 72	#001848
100.0%	100.0% #001133	RGB 0 17 51	#001133

#003EB6 #0036A0 #002F8A #002774 #00205E #001848 #001133

#003EB6 - #001133

Miscela HSV

#003EB6 - #001133 | 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 #003EB6 come 0% e #001133 come 100%.

0.0%	0.0% #003EB6	RGB 0 62 182	#003EB6
16.7%	16.7% #0036A0	RGB 0 54 160	#0036A0
33.3%	33.3% #002E8A	RGB 0 46 138	#002E8A
50.0%	50.0% #002774	RGB 0 39 116	#002774
66.7%	66.7% #001F5E	RGB 0 31 94	#001F5E
83.3%	83.3% #001848	RGB 0 24 72	#001848
100.0%	100.0% #001133	RGB 0 17 51	#001133

#003EB6 #0036A0 #002E8A #002774 #001F5E #001848 #001133

#003EB6 - #002774 - #001133

Codici CSS

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

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