#E5E288 - #FFF1AC | 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 #E5E288 a #FFF1AC

#E5E288 #FFF1AC

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

#E5E288 - #FFF1AC | 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 #E5E288 come 0% e #FFF1AC come 100%.

0.0%	0.0% #E5E288	RGB 229 226 136	#E5E288
16.7%	16.7% #E9E48E	RGB 233 228 142	#E9E48E
33.3%	33.3% #EDE794	RGB 237 231 148	#EDE794
50.0%	50.0% #F2E99A	RGB 242 233 154	#F2E99A
66.7%	66.7% #F6ECA0	RGB 246 236 160	#F6ECA0
83.3%	83.3% #FAEEA6	RGB 250 238 166	#FAEEA6
100.0%	100.0% #FFF1AC	RGB 255 241 172	#FFF1AC

#E5E288 #E9E48E #EDE794 #F2E99A #F6ECA0 #FAEEA6 #FFF1AC

#E5E288 - #FFF1AC

Miscela HSV

#E5E288 - #FFF1AC | 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 #E5E288 come 0% e #FFF1AC come 100%.

0.0%	0.0% #E5E288	RGB 229 226 136	#E5E288
16.7%	16.7% #E9E48D	RGB 233 228 141	#E9E48D
33.3%	33.3% #EDE693	RGB 237 230 147	#EDE693
50.0%	50.0% #F2E999	RGB 242 233 153	#F2E999
66.7%	66.7% #F6EB9F	RGB 246 235 159	#F6EB9F
83.3%	83.3% #FAEEA5	RGB 250 238 165	#FAEEA5
100.0%	100.0% #FFF1AC	RGB 255 241 172	#FFF1AC

#E5E288 #E9E48D #EDE693 #F2E999 #F6EB9F #FAEEA5 #FFF1AC

#E5E288 - #F2E999 - #FFF1AC

Codici CSS

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

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