#FFB9A8 - #F08757 | 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 #FFB9A8 a #F08757

#FFB9A8 #F08757

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

#FFB9A8 - #F08757 | 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 #FFB9A8 come 0% e #F08757 come 100%.

0.0%	0.0% #FFB9A8	RGB 255 185 168	#FFB9A8
16.7%	16.7% #FCB09A	RGB 252 176 154	#FCB09A
33.3%	33.3% #FAA88D	RGB 250 168 141	#FAA88D
50.0%	50.0% #F7A07F	RGB 247 160 127	#F7A07F
66.7%	66.7% #F59772	RGB 245 151 114	#F59772
83.3%	83.3% #F28F64	RGB 242 143 100	#F28F64
100.0%	100.0% #F08757	RGB 240 135 87	#F08757

#FFB9A8 #FCB09A #FAA88D #F7A07F #F59772 #F28F64 #F08757

#FFB9A8 - #F08757

Miscela HSV

#FFB9A8 - #F08757 | 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 #FFB9A8 come 0% e #F08757 come 100%.

0.0%	0.0% #FFB9A8	RGB 255 185 168	#FFB9A8
16.7%	16.7% #FCAF99	RGB 252 175 153	#FCAF99
33.3%	33.3% #FAA58C	RGB 250 165 140	#FAA58C
50.0%	50.0% #F79D7E	RGB 247 157 126	#F79D7E
66.7%	66.7% #F59571	RGB 245 149 113	#F59571
83.3%	83.3% #F28D63	RGB 242 141 99	#F28D63
100.0%	100.0% #F08757	RGB 240 135 87	#F08757

#FFB9A8 #FCAF99 #FAA58C #F79D7E #F59571 #F28D63 #F08757

#FFB9A8 - #F79D7E - #F08757

Codici CSS

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

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