#390B0B - #100303 | 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 #390B0B a #100303

#390B0B #100303

Calcola il colore tra due colori, #390B0B e #100303. 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)

#390B0B - #100303 | 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 #390B0B come 0% e #100303 come 100%.

0.0%	0.0% #390B0B	RGB 57 11 11	#390B0B
16.7%	16.7% #320909	RGB 50 9 9	#320909
33.3%	33.3% #2B0808	RGB 43 8 8	#2B0808
50.0%	50.0% #240707	RGB 36 7 7	#240707
66.7%	66.7% #1D0505	RGB 29 5 5	#1D0505
83.3%	83.3% #160404	RGB 22 4 4	#160404
100.0%	100.0% #100303	RGB 16 3 3	#100303

#390B0B #320909 #2B0808 #240707 #1D0505 #160404 #100303

#390B0B - #100303

Miscela HSV

#390B0B - #100303 | 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 #390B0B come 0% e #100303 come 100%.

0.0%	0.0% #390A0A	RGB 57 10 10	#390A0A
16.7%	16.7% #320909	RGB 50 9 9	#320909
33.3%	33.3% #2B0808	RGB 43 8 8	#2B0808
50.0%	50.0% #240606	RGB 36 6 6	#240606
66.7%	66.7% #1D0505	RGB 29 5 5	#1D0505
83.3%	83.3% #160404	RGB 22 4 4	#160404
100.0%	100.0% #100303	RGB 16 3 3	#100303

#390A0A #320909 #2B0808 #240606 #1D0505 #160404 #100303

#390B0B - #240606 - #100303

Codici CSS

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

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