#D0CDC4 - #E2DFEC | 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 #D0CDC4 a #E2DFEC

#D0CDC4 #E2DFEC

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

#D0CDC4 - #E2DFEC | 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 #D0CDC4 come 0% e #E2DFEC come 100%.

0.0%	0.0% #D0CDC4	RGB 208 205 196	#D0CDC4
16.7%	16.7% #D3D0CA	RGB 211 208 202	#D3D0CA
33.3%	33.3% #D6D3D1	RGB 214 211 209	#D6D3D1
50.0%	50.0% #D9D6D8	RGB 217 214 216	#D9D6D8
66.7%	66.7% #DCD9DE	RGB 220 217 222	#DCD9DE
83.3%	83.3% #DFDCE5	RGB 223 220 229	#DFDCE5
100.0%	100.0% #E2DFEC	RGB 226 223 236	#E2DFEC

#D0CDC4 #D3D0CA #D6D3D1 #D9D6D8 #DCD9DE #DFDCE5 #E2DFEC

#D0CDC4 - #E2DFEC

Miscela HSV

#D0CDC4 - #E2DFEC | 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 #D0CDC4 come 0% e #E2DFEC come 100%.

0.0%	0.0% #D0CDC4	RGB 208 205 196	#D0CDC4
16.7%	16.7% #D4CCC8	RGB 212 204 200	#D4CCC8
33.3%	33.3% #D9CCCE	RGB 217 204 206	#D9CCCE
50.0%	50.0% #DED1D7	RGB 222 209 215	#DED1D7
66.7%	66.7% #E2D5E1	RGB 226 213 225	#E2D5E1
83.3%	83.3% #E2DAE7	RGB 226 218 231	#E2DAE7
100.0%	100.0% #E2DFEC	RGB 226 223 236	#E2DFEC

#D0CDC4 #D4CCC8 #D9CCCE #DED1D7 #E2D5E1 #E2DAE7 #E2DFEC

#D0CDC4 - #DED1D7 - #E2DFEC

Codici CSS

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

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