#DFD7C2 - #E3E3E7 | 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 #DFD7C2 a #E3E3E7

#DFD7C2 #E3E3E7

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

#DFD7C2 - #E3E3E7 | 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 #DFD7C2 come 0% e #E3E3E7 come 100%.

0.0%	0.0% #DFD7C2	RGB 223 215 194	#DFD7C2
16.7%	16.7% #DFD9C8	RGB 223 217 200	#DFD9C8
33.3%	33.3% #E0DBCE	RGB 224 219 206	#E0DBCE
50.0%	50.0% #E1DDD4	RGB 225 221 212	#E1DDD4
66.7%	66.7% #E1DFDA	RGB 225 223 218	#E1DFDA
83.3%	83.3% #E2E1E0	RGB 226 225 224	#E2E1E0
100.0%	100.0% #E3E3E7	RGB 227 227 231	#E3E3E7

#DFD7C2 #DFD9C8 #E0DBCE #E1DDD4 #E1DFDA #E2E1E0 #E3E3E7

#DFD7C2 - #E3E3E7

Miscela HSV

#DFD7C2 - #E3E3E7 | 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 #DFD7C2 come 0% e #E3E3E7 come 100%.

0.0%	0.0% #DFD7C2	RGB 223 215 194	#DFD7C2
16.7%	16.7% #E0CEC7	RGB 224 206 199	#E0CEC7
33.3%	33.3% #E1CCD0	RGB 225 204 208	#E1CCD0
50.0%	50.0% #E3D2DC	RGB 227 210 220	#E3D2DC
66.7%	66.7% #E3D7E4	RGB 227 215 228	#E3D7E4
83.3%	83.3% #E1DDE5	RGB 225 221 229	#E1DDE5
100.0%	100.0% #E3E3E7	RGB 227 227 231	#E3E3E7

#DFD7C2 #E0CEC7 #E1CCD0 #E3D2DC #E3D7E4 #E1DDE5 #E3E3E7

#DFD7C2 - #E3D2DC - #E3E3E7

Codici CSS

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

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