#262B5E - #071513 | 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 #262B5E a #071513

#262B5E #071513

Calcola il colore tra due colori, #262B5E e #071513. 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)

#262B5E - #071513 | 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 #262B5E come 0% e #071513 come 100%.

0.0%	0.0% #262B5E	RGB 38 43 94	#262B5E
16.7%	16.7% #202751	RGB 32 39 81	#202751
33.3%	33.3% #1B2345	RGB 27 35 69	#1B2345
50.0%	50.0% #162038	RGB 22 32 56	#162038
66.7%	66.7% #111C2C	RGB 17 28 44	#111C2C
83.3%	83.3% #0C181F	RGB 12 24 31	#0C181F
100.0%	100.0% #071513	RGB 7 21 19	#071513

#262B5E #202751 #1B2345 #162038 #111C2C #0C181F #071513

#262B5E - #071513

Miscela HSV

#262B5E - #071513 | 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 #262B5E come 0% e #071513 come 100%.

0.0%	0.0% #262A5E	RGB 38 42 94	#262A5E
16.7%	16.7% #202D51	RGB 32 45 81	#202D51
33.3%	33.3% #1A2D45	RGB 26 45 69	#1A2D45
50.0%	50.0% #152B39	RGB 21 43 57	#152B39
66.7%	66.7% #10272D	RGB 16 39 45	#10272D
83.3%	83.3% #0B2021	RGB 11 32 33	#0B2021
100.0%	100.0% #071513	RGB 7 21 19	#071513

#262A5E #202D51 #1A2D45 #152B39 #10272D #0B2021 #071513

#262B5E - #152B39 - #071513

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #262A5E 0%, #152B39 50%, #071513 100%);
    background: -webkit-linear-gradient(top, #262A5E 0%, #152B39 50%, #071513 100%);
    background: linear-gradient(to bottom, #262A5E 0%, #152B39 50%, #071513 100%);
}
</style>