#0082D1 - #00253B | 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 #0082D1 a #00253B

#0082D1 #00253B

Calcola il colore tra due colori, #0082D1 e #00253B. 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)

#0082D1 - #00253B | 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 #0082D1 come 0% e #00253B come 100%.

0.0%	0.0% #0082D1	RGB 0 130 209	#0082D1
16.7%	16.7% #0072B8	RGB 0 114 184	#0072B8
33.3%	33.3% #00639F	RGB 0 99 159	#00639F
50.0%	50.0% #005386	RGB 0 83 134	#005386
66.7%	66.7% #00446D	RGB 0 68 109	#00446D
83.3%	83.3% #003454	RGB 0 52 84	#003454
100.0%	100.0% #00253B	RGB 0 37 59	#00253B

#0082D1 #0072B8 #00639F #005386 #00446D #003454 #00253B

#0082D1 - #00253B

Miscela HSV

#0082D1 - #00253B | 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 #0082D1 come 0% e #00253B come 100%.

0.0%	0.0% #0082D1	RGB 0 130 209	#0082D1
16.7%	16.7% #0072B8	RGB 0 114 184	#0072B8
33.3%	33.3% #00639F	RGB 0 99 159	#00639F
50.0%	50.0% #005386	RGB 0 83 134	#005386
66.7%	66.7% #00446D	RGB 0 68 109	#00446D
83.3%	83.3% #003454	RGB 0 52 84	#003454
100.0%	100.0% #00253B	RGB 0 37 59	#00253B

#0082D1 #0072B8 #00639F #005386 #00446D #003454 #00253B

#0082D1 - #005386 - #00253B

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0082D1 0%, #005386 50%, #00253B 100%);
    background: -webkit-linear-gradient(top, #0082D1 0%, #005386 50%, #00253B 100%);
    background: linear-gradient(to bottom, #0082D1 0%, #005386 50%, #00253B 100%);
}
</style>