#CDD6DA - #E6E5E1 | 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 #CDD6DA a #E6E5E1

#CDD6DA #E6E5E1

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

#CDD6DA - #E6E5E1 | 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 #CDD6DA come 0% e #E6E5E1 come 100%.

0.0%	0.0% #CDD6DA	RGB 205 214 218	#CDD6DA
16.7%	16.7% #D1D8DB	RGB 209 216 219	#D1D8DB
33.3%	33.3% #D5DBDC	RGB 213 219 220	#D5DBDC
50.0%	50.0% #D9DDDD	RGB 217 221 221	#D9DDDD
66.7%	66.7% #DDE0DE	RGB 221 224 222	#DDE0DE
83.3%	83.3% #E1E2DF	RGB 225 226 223	#E1E2DF
100.0%	100.0% #E6E5E1	RGB 230 229 225	#E6E5E1

#CDD6DA #D1D8DB #D5DBDC #D9DDDD #DDE0DE #E1E2DF #E6E5E1

#CDD6DA - #E6E5E1

Miscela HSV

#CDD6DA - #E6E5E1 | 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 #CDD6DA come 0% e #E6E5E1 come 100%.

0.0%	0.0% #CDD6DA	RGB 205 214 218	#CDD6DA
16.7%	16.7% #D0DCDA	RGB 208 220 218	#D0DCDA
33.3%	33.3% #D3DED8	RGB 211 222 216	#D3DED8
50.0%	50.0% #D6E0D7	RGB 214 224 215	#D6E0D7
66.7%	66.7% #DDE2DA	RGB 221 226 218	#DDE2DA
83.3%	83.3% #E2E4DD	RGB 226 228 221	#E2E4DD
100.0%	100.0% #E6E5E1	RGB 230 229 225	#E6E5E1

#CDD6DA #D0DCDA #D3DED8 #D6E0D7 #DDE2DA #E2E4DD #E6E5E1

#CDD6DA - #D6E0D7 - #E6E5E1

Codici CSS

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

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