#DAD8D4 - #DFDCE5 | 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 #DAD8D4 a #DFDCE5

#DAD8D4 #DFDCE5

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

#DAD8D4 - #DFDCE5 | 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 #DAD8D4 come 0% e #DFDCE5 come 100%.

0.0%	0.0% #DAD8D4	RGB 218 216 212	#DAD8D4
16.7%	16.7% #DAD8D6	RGB 218 216 214	#DAD8D6
33.3%	33.3% #DBD9D9	RGB 219 217 217	#DBD9D9
50.0%	50.0% #DCDADC	RGB 220 218 220	#DCDADC
66.7%	66.7% #DDDADF	RGB 221 218 223	#DDDADF
83.3%	83.3% #DEDBE2	RGB 222 219 226	#DEDBE2
100.0%	100.0% #DFDCE5	RGB 223 220 229	#DFDCE5

#DAD8D4 #DAD8D6 #DBD9D9 #DCDADC #DDDADF #DEDBE2 #DFDCE5

#DAD8D4 - #DFDCE5

Miscela HSV

#DAD8D4 - #DFDCE5 | 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 #DAD8D4 come 0% e #DFDCE5 come 100%.

0.0%	0.0% #DAD8D4	RGB 218 216 212	#DAD8D4
16.7%	16.7% #DBD7D5	RGB 219 215 213	#DBD7D5
33.3%	33.3% #DDD6D7	RGB 221 214 215	#DDD6D7
50.0%	50.0% #DFD8DB	RGB 223 216 219	#DFD8DB
66.7%	66.7% #E1D9E0	RGB 225 217 224	#E1D9E0
83.3%	83.3% #E0DAE3	RGB 224 218 227	#E0DAE3
100.0%	100.0% #DFDCE5	RGB 223 220 229	#DFDCE5

#DAD8D4 #DBD7D5 #DDD6D7 #DFD8DB #E1D9E0 #E0DAE3 #DFDCE5

#DAD8D4 - #DFD8DB - #DFDCE5

Codici CSS

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

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