#39101C - #100407 | 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 #39101C a #100407

#39101C #100407

Calcola il colore tra due colori, #39101C e #100407. 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)

#39101C - #100407 | 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 #39101C come 0% e #100407 come 100%.

0.0%	0.0% #39101C	RGB 57 16 28	#39101C
16.7%	16.7% #320E18	RGB 50 14 24	#320E18
33.3%	33.3% #2B0C15	RGB 43 12 21	#2B0C15
50.0%	50.0% #240A11	RGB 36 10 17	#240A11
66.7%	66.7% #1D080E	RGB 29 8 14	#1D080E
83.3%	83.3% #16060A	RGB 22 6 10	#16060A
100.0%	100.0% #100407	RGB 16 4 7	#100407

#39101C #320E18 #2B0C15 #240A11 #1D080E #16060A #100407

#39101C - #100407

Miscela HSV

#39101C - #100407 | 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 #39101C come 0% e #100407 come 100%.

0.0%	0.0% #39101C	RGB 57 16 28	#39101C
16.7%	16.7% #320D18	RGB 50 13 24	#320D18
33.3%	33.3% #2B0B14	RGB 43 11 20	#2B0B14
50.0%	50.0% #240910	RGB 36 9 16	#240910
66.7%	66.7% #1D070D	RGB 29 7 13	#1D070D
83.3%	83.3% #16050A	RGB 22 5 10	#16050A
100.0%	100.0% #100407	RGB 16 4 7	#100407

#39101C #320D18 #2B0B14 #240910 #1D070D #16050A #100407

#39101C - #240910 - #100407

Codici CSS

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

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