#FFF5B2 - #ECEB5E | 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 #FFF5B2 a #ECEB5E

#FFF5B2 #ECEB5E

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

#FFF5B2 - #ECEB5E | 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 #FFF5B2 come 0% e #ECEB5E come 100%.

0.0%	0.0% #FFF5B2	RGB 255 245 178	#FFF5B2
16.7%	16.7% #FBF3A4	RGB 251 243 164	#FBF3A4
33.3%	33.3% #F8F196	RGB 248 241 150	#F8F196
50.0%	50.0% #F5F088	RGB 245 240 136	#F5F088
66.7%	66.7% #F2EE7A	RGB 242 238 122	#F2EE7A
83.3%	83.3% #EFEC6C	RGB 239 236 108	#EFEC6C
100.0%	100.0% #ECEB5E	RGB 236 235 94	#ECEB5E

#FFF5B2 #FBF3A4 #F8F196 #F5F088 #F2EE7A #EFEC6C #ECEB5E

#FFF5B2 - #ECEB5E

Miscela HSV

#FFF5B2 - #ECEB5E | 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 #FFF5B2 come 0% e #ECEB5E come 100%.

0.0%	0.0% #FFF5B2	RGB 255 245 178	#FFF5B2
16.7%	16.7% #FBF2A3	RGB 251 242 163	#FBF2A3
33.3%	33.3% #F8EF94	RGB 248 239 148	#F8EF94
50.0%	50.0% #F5ED86	RGB 245 237 134	#F5ED86
66.7%	66.7% #F2EC78	RGB 242 236 120	#F2EC78
83.3%	83.3% #EFEB6B	RGB 239 235 107	#EFEB6B
100.0%	100.0% #ECEB5E	RGB 236 235 94	#ECEB5E

#FFF5B2 #FBF2A3 #F8EF94 #F5ED86 #F2EC78 #EFEB6B #ECEB5E

#FFF5B2 - #F5ED86 - #ECEB5E

Codici CSS

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

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