#0110FF - #000448 | 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 #000448

#0110FF #000448

Calcola il colore tra due colori, #0110FF e #000448. 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 - #000448 | 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 #000448 come 100%.

0.0%	0.0% #0110FF	RGB 1 16 255	#0110FF
16.7%	16.7% #000EE0	RGB 0 14 224	#000EE0
33.3%	33.3% #000CC2	RGB 0 12 194	#000CC2
50.0%	50.0% #000AA3	RGB 0 10 163	#000AA3
66.7%	66.7% #000884	RGB 0 8 132	#000884
83.3%	83.3% #000666	RGB 0 6 102	#000666
100.0%	100.0% #000448	RGB 0 4 72	#000448

#0110FF #000EE0 #000CC2 #000AA3 #000884 #000666 #000448

#0110FF - #000448

Miscela HSV

#0110FF - #000448 | 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 #000448 come 100%.

0.0%	0.0% #000FFF	RGB 0 15 255	#000FFF
16.7%	16.7% #000DE0	RGB 0 13 224	#000DE0
33.3%	33.3% #000BC2	RGB 0 11 194	#000BC2
50.0%	50.0% #0009A3	RGB 0 9 163	#0009A3
66.7%	66.7% #000784	RGB 0 7 132	#000784
83.3%	83.3% #000566	RGB 0 5 102	#000566
100.0%	100.0% #000448	RGB 0 4 72	#000448

#000FFF #000DE0 #000BC2 #0009A3 #000784 #000566 #000448

#0110FF - #0009A3 - #000448

Codici CSS

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

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