#FEF7A8 - #EBEDDB | 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 #FEF7A8 a #EBEDDB

#FEF7A8 #EBEDDB

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

#FEF7A8 - #EBEDDB | 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 #FEF7A8 come 0% e #EBEDDB come 100%.

0.0%	0.0% #FEF7A8	RGB 254 247 168	#FEF7A8
16.7%	16.7% #FAF5B0	RGB 250 245 176	#FAF5B0
33.3%	33.3% #F7F3B9	RGB 247 243 185	#F7F3B9
50.0%	50.0% #F4F2C1	RGB 244 242 193	#F4F2C1
66.7%	66.7% #F1F0CA	RGB 241 240 202	#F1F0CA
83.3%	83.3% #EEEED2	RGB 238 238 210	#EEEED2
100.0%	100.0% #EBEDDB	RGB 235 237 219	#EBEDDB

#FEF7A8 #FAF5B0 #F7F3B9 #F4F2C1 #F1F0CA #EEEED2 #EBEDDB

#FEF7A8 - #EBEDDB

Miscela HSV

#FEF7A8 - #EBEDDB | 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 #FEF7A8 come 0% e #EBEDDB come 100%.

0.0%	0.0% #FEF7A8	RGB 254 247 168	#FEF7A8
16.7%	16.7% #FBF7B1	RGB 251 247 177	#FBF7B1
33.3%	33.3% #F8F7B9	RGB 248 247 185	#F8F7B9
50.0%	50.0% #F4F5C2	RGB 244 245 194	#F4F5C2
66.7%	66.7% #F0F2CA	RGB 240 242 202	#F0F2CA
83.3%	83.3% #EDEFD3	RGB 237 239 211	#EDEFD3
100.0%	100.0% #EBEDDB	RGB 235 237 219	#EBEDDB

#FEF7A8 #FBF7B1 #F8F7B9 #F4F5C2 #F0F2CA #EDEFD3 #EBEDDB

#FEF7A8 - #F4F5C2 - #EBEDDB

Codici CSS

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

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