#5E2B3A - #3E001E | 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 #5E2B3A a #3E001E

#5E2B3A #3E001E

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

#5E2B3A - #3E001E | 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 #5E2B3A come 0% e #3E001E come 100%.

0.0%	0.0% #5E2B3A	RGB 94 43 58	#5E2B3A
16.7%	16.7% #582335	RGB 88 35 53	#582335
33.3%	33.3% #531C30	RGB 83 28 48	#531C30
50.0%	50.0% #4E152C	RGB 78 21 44	#4E152C
66.7%	66.7% #480E27	RGB 72 14 39	#480E27
83.3%	83.3% #430722	RGB 67 7 34	#430722
100.0%	100.0% #3E001E	RGB 62 0 30	#3E001E

#5E2B3A #582335 #531C30 #4E152C #480E27 #430722 #3E001E

#5E2B3A - #3E001E

Miscela HSV

#5E2B3A - #3E001E | 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 #5E2B3A come 0% e #3E001E come 100%.

0.0%	0.0% #5E2B3A	RGB 94 43 58	#5E2B3A
16.7%	16.7% #582133	RGB 88 33 51	#582133
33.3%	33.3% #53192E	RGB 83 25 46	#53192E
50.0%	50.0% #4E1129	RGB 78 17 41	#4E1129
66.7%	66.7% #480B24	RGB 72 11 36	#480B24
83.3%	83.3% #430521	RGB 67 5 33	#430521
100.0%	100.0% #3E001E	RGB 62 0 30	#3E001E

#5E2B3A #582133 #53192E #4E1129 #480B24 #430521 #3E001E

#5E2B3A - #4E1129 - #3E001E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2B3A 0%, #4E1129 50%, #3E001E 100%);
    background: -webkit-linear-gradient(top, #5E2B3A 0%, #4E1129 50%, #3E001E 100%);
    background: linear-gradient(to bottom, #5E2B3A 0%, #4E1129 50%, #3E001E 100%);
}
</style>