#FFB9A8 - #E27A3E | 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 #E27A3E

#FFB9A8 #E27A3E

Calcola il colore tra due colori, #FFB9A8 e #E27A3E. 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 - #E27A3E | 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 #E27A3E come 100%.

0.0%	0.0% #FFB9A8	RGB 255 185 168	#FFB9A8
16.7%	16.7% #FAAE96	RGB 250 174 150	#FAAE96
33.3%	33.3% #F5A484	RGB 245 164 132	#F5A484
50.0%	50.0% #F09973	RGB 240 153 115	#F09973
66.7%	66.7% #EB8F61	RGB 235 143 97	#EB8F61
83.3%	83.3% #E6844F	RGB 230 132 79	#E6844F
100.0%	100.0% #E27A3E	RGB 226 122 62	#E27A3E

#FFB9A8 #FAAE96 #F5A484 #F09973 #EB8F61 #E6844F #E27A3E

#FFB9A8 - #E27A3E

Miscela HSV

#FFB9A8 - #E27A3E | 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 #E27A3E come 100%.

0.0%	0.0% #FFB9A8	RGB 255 185 168	#FFB9A8
16.7%	16.7% #FAAB94	RGB 250 171 148	#FAAB94
33.3%	33.3% #F59F82	RGB 245 159 130	#F59F82
50.0%	50.0% #F09470	RGB 240 148 112	#F09470
66.7%	66.7% #EB8A5E	RGB 235 138 94	#EB8A5E
83.3%	83.3% #E6814E	RGB 230 129 78	#E6814E
100.0%	100.0% #E27A3E	RGB 226 122 62	#E27A3E

#FFB9A8 #FAAB94 #F59F82 #F09470 #EB8A5E #E6814E #E27A3E

#FFB9A8 - #F09470 - #E27A3E

Codici CSS

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

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