#E2DBDA - #FFFCE5 | 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 #E2DBDA a #FFFCE5

#E2DBDA #FFFCE5

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

#E2DBDA - #FFFCE5 | 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 #E2DBDA come 0% e #FFFCE5 come 100%.

0.0%	0.0% #E2DBDA	RGB 226 219 218	#E2DBDA
16.7%	16.7% #E6E0DB	RGB 230 224 219	#E6E0DB
33.3%	33.3% #EBE6DD	RGB 235 230 221	#EBE6DD
50.0%	50.0% #F0EBDF	RGB 240 235 223	#F0EBDF
66.7%	66.7% #F5F1E1	RGB 245 241 225	#F5F1E1
83.3%	83.3% #FAF6E3	RGB 250 246 227	#FAF6E3
100.0%	100.0% #FFFCE5	RGB 255 252 229	#FFFCE5

#E2DBDA #E6E0DB #EBE6DD #F0EBDF #F5F1E1 #FAF6E3 #FFFCE5

#E2DBDA - #FFFCE5

Miscela HSV

#E2DBDA - #FFFCE5 | 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 #E2DBDA come 0% e #FFFCE5 come 100%.

0.0%	0.0% #E2DBDA	RGB 226 219 218	#E2DBDA
16.7%	16.7% #E6DEDC	RGB 230 222 220	#E6DEDC
33.3%	33.3% #EBE3DE	RGB 235 227 222	#EBE3DE
50.0%	50.0% #F0E8DF	RGB 240 232 223	#F0E8DF
66.7%	66.7% #F5EEE1	RGB 245 238 225	#F5EEE1
83.3%	83.3% #FAF4E3	RGB 250 244 227	#FAF4E3
100.0%	100.0% #FFFCE5	RGB 255 252 229	#FFFCE5

#E2DBDA #E6DEDC #EBE3DE #F0E8DF #F5EEE1 #FAF4E3 #FFFCE5

#E2DBDA - #F0E8DF - #FFFCE5

Codici CSS

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

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