#EE010F - #FF4A00 | 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 #EE010F a #FF4A00

#EE010F #FF4A00

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

#EE010F - #FF4A00 | 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 #EE010F come 0% e #FF4A00 come 100%.

0.0%	0.0% #EE010F	RGB 238 1 15	#EE010F
16.7%	16.7% #F00D0C	RGB 240 13 12	#F00D0C
33.3%	33.3% #F3190A	RGB 243 25 10	#F3190A
50.0%	50.0% #F62507	RGB 246 37 7	#F62507
66.7%	66.7% #F93105	RGB 249 49 5	#F93105
83.3%	83.3% #FC3D02	RGB 252 61 2	#FC3D02
100.0%	100.0% #FF4A00	RGB 255 74 0	#FF4A00

#EE010F #F00D0C #F3190A #F62507 #F93105 #FC3D02 #FF4A00

#EE010F - #FF4A00

Miscela HSV

#EE010F - #FF4A00 | 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 #EE010F come 0% e #FF4A00 come 100%.

0.0%	0.0% #EE010F	RGB 238 1 15	#EE010F
16.7%	16.7% #F00001	RGB 240 0 1	#F00001
33.3%	33.3% #F30E00	RGB 243 14 0	#F30E00
50.0%	50.0% #F61C00	RGB 246 28 0	#F61C00
66.7%	66.7% #F92B00	RGB 249 43 0	#F92B00
83.3%	83.3% #FC3A00	RGB 252 58 0	#FC3A00
100.0%	100.0% #FF4A00	RGB 255 74 0	#FF4A00

#EE010F #F00001 #F30E00 #F61C00 #F92B00 #FC3A00 #FF4A00

#EE010F - #F61C00 - #FF4A00

Codici CSS

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

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