#F5E500 - #E9F246 | 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 #F5E500 a #E9F246

#F5E500 #E9F246

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

#F5E500 - #E9F246 | 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 #F5E500 come 0% e #E9F246 come 100%.

0.0%	0.0% #F5E500	RGB 245 229 0	#F5E500
16.7%	16.7% #F3E70B	RGB 243 231 11	#F3E70B
33.3%	33.3% #F1E917	RGB 241 233 23	#F1E917
50.0%	50.0% #EFEB23	RGB 239 235 35	#EFEB23
66.7%	66.7% #EDED2E	RGB 237 237 46	#EDED2E
83.3%	83.3% #EBEF3A	RGB 235 239 58	#EBEF3A
100.0%	100.0% #E9F246	RGB 233 242 70	#E9F246

#F5E500 #F3E70B #F1E917 #EFEB23 #EDED2E #EBEF3A #E9F246

#F5E500 - #E9F246

Miscela HSV

#F5E500 - #E9F246 | 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 #F5E500 come 0% e #E9F246 come 100%.

0.0%	0.0% #F5E500	RGB 245 229 0	#F5E500
16.7%	16.7% #F4E90B	RGB 244 233 11	#F4E90B
33.3%	33.3% #F4EE17	RGB 244 238 23	#F4EE17
50.0%	50.0% #F3F223	RGB 243 242 35	#F3F223
66.7%	66.7% #F0F32E	RGB 240 243 46	#F0F32E
83.3%	83.3% #ECF23A	RGB 236 242 58	#ECF23A
100.0%	100.0% #E9F246	RGB 233 242 70	#E9F246

#F5E500 #F4E90B #F4EE17 #F3F223 #F0F32E #ECF23A #E9F246

#F5E500 - #F3F223 - #E9F246

Codici CSS

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

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