#310040 - #000507 | 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 #310040 a #000507

#310040 #000507

Calcola il colore tra due colori, #310040 e #000507. 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)

#310040 - #000507 | 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 #310040 come 0% e #000507 come 100%.

0.0%	0.0% #310040	RGB 49 0 64	#310040
16.7%	16.7% #280036	RGB 40 0 54	#280036
33.3%	33.3% #20012D	RGB 32 1 45	#20012D
50.0%	50.0% #180223	RGB 24 2 35	#180223
66.7%	66.7% #10031A	RGB 16 3 26	#10031A
83.3%	83.3% #080410	RGB 8 4 16	#080410
100.0%	100.0% #000507	RGB 0 5 7	#000507

#310040 #280036 #20012D #180223 #10031A #080410 #000507

#310040 - #000507

Miscela HSV

#310040 - #000507 | 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 #310040 come 0% e #000507 come 100%.

0.0%	0.0% #300040	RGB 48 0 64	#300040
16.7%	16.7% #1C0036	RGB 28 0 54	#1C0036
33.3%	33.3% #0C002D	RGB 12 0 45	#0C002D
50.0%	50.0% #000023	RGB 0 0 35	#000023
66.7%	66.7% #00051A	RGB 0 5 26	#00051A
83.3%	83.3% #000710	RGB 0 7 16	#000710
100.0%	100.0% #000507	RGB 0 5 7	#000507

#300040 #1C0036 #0C002D #000023 #00051A #000710 #000507

#310040 - #000023 - #000507

Codici CSS

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

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