#5E1831 - #26080B | 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 #5E1831 a #26080B

#5E1831 #26080B

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

#5E1831 - #26080B | 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 #5E1831 come 0% e #26080B come 100%.

0.0%	0.0% #5E1831	RGB 94 24 49	#5E1831
16.7%	16.7% #54152A	RGB 84 21 42	#54152A
33.3%	33.3% #4B1224	RGB 75 18 36	#4B1224
50.0%	50.0% #42101E	RGB 66 16 30	#42101E
66.7%	66.7% #380D17	RGB 56 13 23	#380D17
83.3%	83.3% #2F0A11	RGB 47 10 17	#2F0A11
100.0%	100.0% #26080B	RGB 38 8 11	#26080B

#5E1831 #54152A #4B1224 #42101E #380D17 #2F0A11 #26080B

#5E1831 - #26080B

Miscela HSV

#5E1831 - #26080B | 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 #5E1831 come 0% e #26080B come 100%.

0.0%	0.0% #5E1831	RGB 94 24 49	#5E1831
16.7%	16.7% #541428	RGB 84 20 40	#541428
33.3%	33.3% #4B1221	RGB 75 18 33	#4B1221
50.0%	50.0% #420F1A	RGB 66 15 26	#420F1A
66.7%	66.7% #380C14	RGB 56 12 20	#380C14
83.3%	83.3% #2F0A0F	RGB 47 10 15	#2F0A0F
100.0%	100.0% #26080B	RGB 38 8 11	#26080B

#5E1831 #541428 #4B1221 #420F1A #380C14 #2F0A0F #26080B

#5E1831 - #420F1A - #26080B

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E1831 0%, #420F1A 50%, #26080B 100%);
    background: -webkit-linear-gradient(top, #5E1831 0%, #420F1A 50%, #26080B 100%);
    background: linear-gradient(to bottom, #5E1831 0%, #420F1A 50%, #26080B 100%);
}
</style>