#200910 - #5E3742 | 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 #200910 a #5E3742

#200910 #5E3742

Calcola il colore tra due colori, #200910 e #5E3742. 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)

#200910 - #5E3742 | 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 #200910 come 0% e #5E3742 come 100%.

0.0%	0.0% #200910	RGB 32 9 16	#200910
16.7%	16.7% #2A1018	RGB 42 16 24	#2A1018
33.3%	33.3% #341820	RGB 52 24 32	#341820
50.0%	50.0% #3F2029	RGB 63 32 41	#3F2029
66.7%	66.7% #492731	RGB 73 39 49	#492731
83.3%	83.3% #532F39	RGB 83 47 57	#532F39
100.0%	100.0% #5E3742	RGB 94 55 66	#5E3742

#200910 #2A1018 #341820 #3F2029 #492731 #532F39 #5E3742

#200910 - #5E3742

Miscela HSV

#200910 - #5E3742 | 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 #200910 come 0% e #5E3742 come 100%.

0.0%	0.0% #20090F	RGB 32 9 15	#20090F
16.7%	16.7% #2A0E16	RGB 42 14 22	#2A0E16
33.3%	33.3% #34141D	RGB 52 20 29	#34141D
50.0%	50.0% #3F1B25	RGB 63 27 37	#3F1B25
66.7%	66.7% #49232E	RGB 73 35 46	#49232E
83.3%	83.3% #532C37	RGB 83 44 55	#532C37
100.0%	100.0% #5E3742	RGB 94 55 66	#5E3742

#20090F #2A0E16 #34141D #3F1B25 #49232E #532C37 #5E3742

#200910 - #3F1B25 - #5E3742

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #20090F 0%, #3F1B25 50%, #5E3742 100%);
    background: -webkit-linear-gradient(top, #20090F 0%, #3F1B25 50%, #5E3742 100%);
    background: linear-gradient(to bottom, #20090F 0%, #3F1B25 50%, #5E3742 100%);
}
</style>