#0110FF - #0079FF | 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 #0110FF a #0079FF

#0110FF #0079FF

Calcola il colore tra due colori, #0110FF e #0079FF. 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)

#0110FF - #0079FF | 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 #0110FF come 0% e #0079FF come 100%.

0.0%	0.0% #0110FF	RGB 1 16 255	#0110FF
16.7%	16.7% #0021FF	RGB 0 33 255	#0021FF
33.3%	33.3% #0033FF	RGB 0 51 255	#0033FF
50.0%	50.0% #0044FF	RGB 0 68 255	#0044FF
66.7%	66.7% #0056FF	RGB 0 86 255	#0056FF
83.3%	83.3% #0067FF	RGB 0 103 255	#0067FF
100.0%	100.0% #0079FF	RGB 0 121 255	#0079FF

#0110FF #0021FF #0033FF #0044FF #0056FF #0067FF #0079FF

#0110FF - #0079FF

Miscela HSV

#0110FF - #0079FF | 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 #0110FF come 0% e #0079FF come 100%.

0.0%	0.0% #000FFF	RGB 0 15 255	#000FFF
16.7%	16.7% #0021FF	RGB 0 33 255	#0021FF
33.3%	33.3% #0032FF	RGB 0 50 255	#0032FF
50.0%	50.0% #0044FF	RGB 0 68 255	#0044FF
66.7%	66.7% #0055FF	RGB 0 85 255	#0055FF
83.3%	83.3% #0067FF	RGB 0 103 255	#0067FF
100.0%	100.0% #0079FF	RGB 0 121 255	#0079FF

#000FFF #0021FF #0032FF #0044FF #0055FF #0067FF #0079FF

#0110FF - #0044FF - #0079FF

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #000FFF 0%, #0044FF 50%, #0079FF 100%);
    background: -webkit-linear-gradient(top, #000FFF 0%, #0044FF 50%, #0079FF 100%);
    background: linear-gradient(to bottom, #000FFF 0%, #0044FF 50%, #0079FF 100%);
}
</style>