#EEE7DF - #EEE8CE | 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 #EEE7DF a #EEE8CE

#EEE7DF #EEE8CE

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

#EEE7DF - #EEE8CE | 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 #EEE7DF come 0% e #EEE8CE come 100%.

0.0%	0.0% #EEE7DF	RGB 238 231 223	#EEE7DF
16.7%	16.7% #EEE7DC	RGB 238 231 220	#EEE7DC
33.3%	33.3% #EEE7D9	RGB 238 231 217	#EEE7D9
50.0%	50.0% #EEE7D6	RGB 238 231 214	#EEE7D6
66.7%	66.7% #EEE7D3	RGB 238 231 211	#EEE7D3
83.3%	83.3% #EEE7D0	RGB 238 231 208	#EEE7D0
100.0%	100.0% #EEE8CE	RGB 238 232 206	#EEE8CE

#EEE7DF #EEE7DC #EEE7D9 #EEE7D6 #EEE7D3 #EEE7D0 #EEE8CE

#EEE7DF - #EEE8CE

Miscela HSV

#EEE7DF - #EEE8CE | 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 #EEE7DF come 0% e #EEE8CE come 100%.

0.0%	0.0% #EEE7DF	RGB 238 231 223	#EEE7DF
16.7%	16.7% #EEE6DC	RGB 238 230 220	#EEE6DC
33.3%	33.3% #EEE6D9	RGB 238 230 217	#EEE6D9
50.0%	50.0% #EEE6D6	RGB 238 230 214	#EEE6D6
66.7%	66.7% #EEE6D3	RGB 238 230 211	#EEE6D3
83.3%	83.3% #EEE7D0	RGB 238 231 208	#EEE7D0
100.0%	100.0% #EEE8CE	RGB 238 232 206	#EEE8CE

#EEE7DF #EEE6DC #EEE6D9 #EEE6D6 #EEE6D3 #EEE7D0 #EEE8CE

#EEE7DF - #EEE6D6 - #EEE8CE

Codici CSS

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

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