#FF5E3C - #FFBA50 | 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 #FF5E3C a #FFBA50

#FF5E3C #FFBA50

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

#FF5E3C - #FFBA50 | 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 #FF5E3C come 0% e #FFBA50 come 100%.

0.0%	0.0% #FF5E3C	RGB 255 94 60	#FF5E3C
16.7%	16.7% #FF6D3F	RGB 255 109 63	#FF6D3F
33.3%	33.3% #FF7C42	RGB 255 124 66	#FF7C42
50.0%	50.0% #FF8C46	RGB 255 140 70	#FF8C46
66.7%	66.7% #FF9B49	RGB 255 155 73	#FF9B49
83.3%	83.3% #FFAA4C	RGB 255 170 76	#FFAA4C
100.0%	100.0% #FFBA50	RGB 255 186 80	#FFBA50

#FF5E3C #FF6D3F #FF7C42 #FF8C46 #FF9B49 #FFAA4C #FFBA50

#FF5E3C - #FFBA50

Miscela HSV

#FF5E3C - #FFBA50 | 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 #FF5E3C come 0% e #FFBA50 come 100%.

0.0%	0.0% #FF5D3B	RGB 255 93 59	#FF5D3B
16.7%	16.7% #FF6E3F	RGB 255 110 63	#FF6E3F
33.3%	33.3% #FF7E42	RGB 255 126 66	#FF7E42
50.0%	50.0% #FF8E45	RGB 255 142 69	#FF8E45
66.7%	66.7% #FF9D49	RGB 255 157 73	#FF9D49
83.3%	83.3% #FFAB4C	RGB 255 171 76	#FFAB4C
100.0%	100.0% #FFBA50	RGB 255 186 80	#FFBA50

#FF5D3B #FF6E3F #FF7E42 #FF8E45 #FF9D49 #FFAB4C #FFBA50

#FF5E3C - #FF8E45 - #FFBA50

Codici CSS

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

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