#FF8F00 - #E5CD18 | 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 #FF8F00 a #E5CD18

#FF8F00 #E5CD18

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

#FF8F00 - #E5CD18 | 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 #FF8F00 come 0% e #E5CD18 come 100%.

0.0%	0.0% #FF8F00	RGB 255 143 0	#FF8F00
16.7%	16.7% #FA9904	RGB 250 153 4	#FA9904
33.3%	33.3% #F6A308	RGB 246 163 8	#F6A308
50.0%	50.0% #F2AE0C	RGB 242 174 12	#F2AE0C
66.7%	66.7% #EDB810	RGB 237 184 16	#EDB810
83.3%	83.3% #E9C214	RGB 233 194 20	#E9C214
100.0%	100.0% #E5CD18	RGB 229 205 24	#E5CD18

#FF8F00 #FA9904 #F6A308 #F2AE0C #EDB810 #E9C214 #E5CD18

#FF8F00 - #E5CD18

Miscela HSV

#FF8F00 - #E5CD18 | 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 #FF8F00 come 0% e #E5CD18 come 100%.

0.0%	0.0% #FF8F00	RGB 255 143 0	#FF8F00
16.7%	16.7% #FA9B04	RGB 250 155 4	#FA9B04
33.3%	33.3% #F6A708	RGB 246 167 8	#F6A708
50.0%	50.0% #F2B20C	RGB 242 178 12	#F2B20C
66.7%	66.7% #EDBC10	RGB 237 188 16	#EDBC10
83.3%	83.3% #E9C414	RGB 233 196 20	#E9C414
100.0%	100.0% #E5CD18	RGB 229 205 24	#E5CD18

#FF8F00 #FA9B04 #F6A708 #F2B20C #EDBC10 #E9C414 #E5CD18

#FF8F00 - #F2B20C - #E5CD18

Codici CSS

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

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