#FF5E39 - #C8220E | 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 #FF5E39 a #C8220E

#FF5E39 #C8220E

Calcola il colore tra due colori, #FF5E39 e #C8220E. 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)

#FF5E39 - #C8220E | 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 #FF5E39 come 0% e #C8220E come 100%.

0.0%	0.0% #FF5E39	RGB 255 94 57	#FF5E39
16.7%	16.7% #F55431	RGB 245 84 49	#F55431
33.3%	33.3% #EC4A2A	RGB 236 74 42	#EC4A2A
50.0%	50.0% #E34023	RGB 227 64 35	#E34023
66.7%	66.7% #DA361C	RGB 218 54 28	#DA361C
83.3%	83.3% #D12C15	RGB 209 44 21	#D12C15
100.0%	100.0% #C8220E	RGB 200 34 14	#C8220E

#FF5E39 #F55431 #EC4A2A #E34023 #DA361C #D12C15 #C8220E

#FF5E39 - #C8220E

Miscela HSV

#FF5E39 - #C8220E | 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 #FF5E39 come 0% e #C8220E come 100%.

0.0%	0.0% #FF5E39	RGB 255 94 57	#FF5E39
16.7%	16.7% #F55230	RGB 245 82 48	#F55230
33.3%	33.3% #EC4828	RGB 236 72 40	#EC4828
50.0%	50.0% #E33D21	RGB 227 61 33	#E33D21
66.7%	66.7% #DA341A	RGB 218 52 26	#DA341A
83.3%	83.3% #D12A13	RGB 209 42 19	#D12A13
100.0%	100.0% #C8220E	RGB 200 34 14	#C8220E

#FF5E39 #F55230 #EC4828 #E33D21 #DA341A #D12A13 #C8220E

#FF5E39 - #E33D21 - #C8220E

Codici CSS

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

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