#DCC0CB - #DFE3E4 | 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 #DCC0CB a #DFE3E4

#DCC0CB #DFE3E4

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

#DCC0CB - #DFE3E4 | 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 #DCC0CB come 0% e #DFE3E4 come 100%.

0.0%	0.0% #DCC0CB	RGB 220 192 203	#DCC0CB
16.7%	16.7% #DCC5CF	RGB 220 197 207	#DCC5CF
33.3%	33.3% #DDCBD3	RGB 221 203 211	#DDCBD3
50.0%	50.0% #DDD1D7	RGB 221 209 215	#DDD1D7
66.7%	66.7% #DED7DB	RGB 222 215 219	#DED7DB
83.3%	83.3% #DEDDDF	RGB 222 221 223	#DEDDDF
100.0%	100.0% #DFE3E4	RGB 223 227 228	#DFE3E4

#DCC0CB #DCC5CF #DDCBD3 #DDD1D7 #DED7DB #DEDDDF #DFE3E4

#DCC0CB - #DFE3E4

Miscela HSV

#DCC0CB - #DFE3E4 | 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 #DCC0CB come 0% e #DFE3E4 come 100%.

0.0%	0.0% #DCC0CB	RGB 220 192 203	#DCC0CB
16.7%	16.7% #DDC5D8	RGB 221 197 216	#DDC5D8
33.3%	33.3% #DACADE	RGB 218 202 222	#DACADE
50.0%	50.0% #D6CFE0	RGB 214 207 224	#D6CFE0
66.7%	66.7% #D4D4E1	RGB 212 212 225	#D4D4E1
83.3%	83.3% #D9DDE2	RGB 217 221 226	#D9DDE2
100.0%	100.0% #DFE3E4	RGB 223 227 228	#DFE3E4

#DCC0CB #DDC5D8 #DACADE #D6CFE0 #D4D4E1 #D9DDE2 #DFE3E4

#DCC0CB - #D6CFE0 - #DFE3E4

Codici CSS

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

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