#D9DCDA - #E6DFDF | 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 #D9DCDA a #E6DFDF

#D9DCDA #E6DFDF

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

#D9DCDA - #E6DFDF | 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 #D9DCDA come 0% e #E6DFDF come 100%.

0.0%	0.0% #D9DCDA	RGB 217 220 218	#D9DCDA
16.7%	16.7% #DBDCDA	RGB 219 220 218	#DBDCDA
33.3%	33.3% #DDDDDB	RGB 221 221 219	#DDDDDB
50.0%	50.0% #DFDDDC	RGB 223 221 220	#DFDDDC
66.7%	66.7% #E1DEDD	RGB 225 222 221	#E1DEDD
83.3%	83.3% #E3DEDE	RGB 227 222 222	#E3DEDE
100.0%	100.0% #E6DFDF	RGB 230 223 223	#E6DFDF

#D9DCDA #DBDCDA #DDDDDB #DFDDDC #E1DEDD #E3DEDE #E6DFDF

#D9DCDA - #E6DFDF

Miscela HSV

#D9DCDA - #E6DFDF | 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 #D9DCDA come 0% e #E6DFDF come 100%.

0.0%	0.0% #D9DCDA	RGB 217 220 218	#D9DCDA
16.7%	16.7% #DADDDA	RGB 218 221 218	#DADDDA
33.3%	33.3% #DCDFDB	RGB 220 223 219	#DCDFDB
50.0%	50.0% #E0E1DC	RGB 224 225 220	#E0E1DC
66.7%	66.7% #E2E1DD	RGB 226 225 221	#E2E1DD
83.3%	83.3% #E4E0DE	RGB 228 224 222	#E4E0DE
100.0%	100.0% #E6DFDF	RGB 230 223 223	#E6DFDF

#D9DCDA #DADDDA #DCDFDB #E0E1DC #E2E1DD #E4E0DE #E6DFDF

#D9DCDA - #E0E1DC - #E6DFDF

Codici CSS

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

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