#5E0911 - #AB311C | 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 #5E0911 a #AB311C

#5E0911 #AB311C

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

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

0.0%	0.0% #5E0911	RGB 94 9 17	#5E0911
16.7%	16.7% #6A0F12	RGB 106 15 18	#6A0F12
33.3%	33.3% #771614	RGB 119 22 20	#771614
50.0%	50.0% #841D16	RGB 132 29 22	#841D16
66.7%	66.7% #912318	RGB 145 35 24	#912318
83.3%	83.3% #9E2A1A	RGB 158 42 26	#9E2A1A
100.0%	100.0% #AB311C	RGB 171 49 28	#AB311C

#5E0911 #6A0F12 #771614 #841D16 #912318 #9E2A1A #AB311C

#5E0911 - #AB311C

Miscela HSV

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

0.0%	0.0% #5E0810	RGB 94 8 16	#5E0810
16.7%	16.7% #6A0B10	RGB 106 11 16	#6A0B10
33.3%	33.3% #770E0F	RGB 119 14 15	#770E0F
50.0%	50.0% #841411	RGB 132 20 17	#841411
66.7%	66.7% #911C14	RGB 145 28 20	#911C14
83.3%	83.3% #9E2618	RGB 158 38 24	#9E2618
100.0%	100.0% #AB311C	RGB 171 49 28	#AB311C

#5E0810 #6A0B10 #770E0F #841411 #911C14 #9E2618 #AB311C

#5E0911 - #841411 - #AB311C

Codici CSS

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

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