#FDFF96 - #ECFBCE | 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 #FDFF96 a #ECFBCE

#FDFF96 #ECFBCE

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

#FDFF96 - #ECFBCE | 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 #FDFF96 come 0% e #ECFBCE come 100%.

0.0%	0.0% #FDFF96	RGB 253 255 150	#FDFF96
16.7%	16.7% #FAFE9F	RGB 250 254 159	#FAFE9F
33.3%	33.3% #F7FDA8	RGB 247 253 168	#F7FDA8
50.0%	50.0% #F4FDB2	RGB 244 253 178	#F4FDB2
66.7%	66.7% #F1FCBB	RGB 241 252 187	#F1FCBB
83.3%	83.3% #EEFBC4	RGB 238 251 196	#EEFBC4
100.0%	100.0% #ECFBCE	RGB 236 251 206	#ECFBCE

#FDFF96 #FAFE9F #F7FDA8 #F4FDB2 #F1FCBB #EEFBC4 #ECFBCE

#FDFF96 - #ECFBCE

Miscela HSV

#FDFF96 - #ECFBCE | 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 #FDFF96 come 0% e #ECFBCE come 100%.

0.0%	0.0% #FDFF96	RGB 253 255 150	#FDFF96
16.7%	16.7% #F7FE9F	RGB 247 254 159	#F7FE9F
33.3%	33.3% #F3FDA8	RGB 243 253 168	#F3FDA8
50.0%	50.0% #EFFDB2	RGB 239 253 178	#EFFDB2
66.7%	66.7% #EDFCBB	RGB 237 252 187	#EDFCBB
83.3%	83.3% #ECFBC4	RGB 236 251 196	#ECFBC4
100.0%	100.0% #ECFBCE	RGB 236 251 206	#ECFBCE

#FDFF96 #F7FE9F #F3FDA8 #EFFDB2 #EDFCBB #ECFBC4 #ECFBCE

#FDFF96 - #EFFDB2 - #ECFBCE

Codici CSS

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

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