#FF8D5E - #E0431B | 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 #FF8D5E a #E0431B

#FF8D5E #E0431B

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

#FF8D5E - #E0431B | 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 #FF8D5E come 0% e #E0431B come 100%.

0.0%	0.0% #FF8D5E	RGB 255 141 94	#FF8D5E
16.7%	16.7% #F98052	RGB 249 128 82	#F98052
33.3%	33.3% #F47447	RGB 244 116 71	#F47447
50.0%	50.0% #EF683C	RGB 239 104 60	#EF683C
66.7%	66.7% #EA5B31	RGB 234 91 49	#EA5B31
83.3%	83.3% #E54F26	RGB 229 79 38	#E54F26
100.0%	100.0% #E0431B	RGB 224 67 27	#E0431B

#FF8D5E #F98052 #F47447 #EF683C #EA5B31 #E54F26 #E0431B

#FF8D5E - #E0431B

Miscela HSV

#FF8D5E - #E0431B | 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 #FF8D5E come 0% e #E0431B come 100%.

0.0%	0.0% #FF8D5D	RGB 255 141 93	#FF8D5D
16.7%	16.7% #F98051	RGB 249 128 81	#F98051
33.3%	33.3% #F47345	RGB 244 115 69	#F47345
50.0%	50.0% #EF673A	RGB 239 103 58	#EF673A
66.7%	66.7% #EA5B2F	RGB 234 91 47	#EA5B2F
83.3%	83.3% #E54E25	RGB 229 78 37	#E54E25
100.0%	100.0% #E0431B	RGB 224 67 27	#E0431B

#FF8D5D #F98051 #F47345 #EF673A #EA5B2F #E54E25 #E0431B

#FF8D5E - #EF673A - #E0431B

Codici CSS

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

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