#E7E7A8 - #FFF3C3 | 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 #E7E7A8 a #FFF3C3

#E7E7A8 #FFF3C3

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

#E7E7A8 - #FFF3C3 | 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 #E7E7A8 come 0% e #FFF3C3 come 100%.

0.0%	0.0% #E7E7A8	RGB 231 231 168	#E7E7A8
16.7%	16.7% #EBE9AC	RGB 235 233 172	#EBE9AC
33.3%	33.3% #EFEBB1	RGB 239 235 177	#EFEBB1
50.0%	50.0% #F3EDB5	RGB 243 237 181	#F3EDB5
66.7%	66.7% #F7EFBA	RGB 247 239 186	#F7EFBA
83.3%	83.3% #FBF1BE	RGB 251 241 190	#FBF1BE
100.0%	100.0% #FFF3C3	RGB 255 243 195	#FFF3C3

#E7E7A8 #EBE9AC #EFEBB1 #F3EDB5 #F7EFBA #FBF1BE #FFF3C3

#E7E7A8 - #FFF3C3

Miscela HSV

#E7E7A8 - #FFF3C3 | 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 #E7E7A8 come 0% e #FFF3C3 come 100%.

0.0%	0.0% #E7E7A8	RGB 231 231 168	#E7E7A8
16.7%	16.7% #EBE8AC	RGB 235 232 172	#EBE8AC
33.3%	33.3% #EFEAB0	RGB 239 234 176	#EFEAB0
50.0%	50.0% #F3ECB5	RGB 243 236 181	#F3ECB5
66.7%	66.7% #F7EEB9	RGB 247 238 185	#F7EEB9
83.3%	83.3% #FBF0BE	RGB 251 240 190	#FBF0BE
100.0%	100.0% #FFF3C3	RGB 255 243 195	#FFF3C3

#E7E7A8 #EBE8AC #EFEAB0 #F3ECB5 #F7EEB9 #FBF0BE #FFF3C3

#E7E7A8 - #F3ECB5 - #FFF3C3

Codici CSS

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

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