#ECE64B - #FFF282 | 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 #ECE64B a #FFF282

#ECE64B #FFF282

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

#ECE64B - #FFF282 | 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 #ECE64B come 0% e #FFF282 come 100%.

0.0%	0.0% #ECE64B	RGB 236 230 75	#ECE64B
16.7%	16.7% #EFE854	RGB 239 232 84	#EFE854
33.3%	33.3% #F2EA5D	RGB 242 234 93	#F2EA5D
50.0%	50.0% #F5EC66	RGB 245 236 102	#F5EC66
66.7%	66.7% #F8EE6F	RGB 248 238 111	#F8EE6F
83.3%	83.3% #FBF078	RGB 251 240 120	#FBF078
100.0%	100.0% #FFF282	RGB 255 242 130	#FFF282

#ECE64B #EFE854 #F2EA5D #F5EC66 #F8EE6F #FBF078 #FFF282

#ECE64B - #FFF282

Miscela HSV

#ECE64B - #FFF282 | 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 #ECE64B come 0% e #FFF282 come 100%.

0.0%	0.0% #ECE64B	RGB 236 230 75	#ECE64B
16.7%	16.7% #EFE753	RGB 239 231 83	#EFE753
33.3%	33.3% #F2E95C	RGB 242 233 92	#F2E95C
50.0%	50.0% #F5EB65	RGB 245 235 101	#F5EB65
66.7%	66.7% #F8ED6E	RGB 248 237 110	#F8ED6E
83.3%	83.3% #FBEF78	RGB 251 239 120	#FBEF78
100.0%	100.0% #FFF282	RGB 255 242 130	#FFF282

#ECE64B #EFE753 #F2E95C #F5EB65 #F8ED6E #FBEF78 #FFF282

#ECE64B - #F5EB65 - #FFF282

Codici CSS

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

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