#D9D5D3 - #FFF5E6 | 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 #D9D5D3 a #FFF5E6

#D9D5D3 #FFF5E6

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

#D9D5D3 - #FFF5E6 | 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 #D9D5D3 come 0% e #FFF5E6 come 100%.

0.0%	0.0% #D9D5D3	RGB 217 213 211	#D9D5D3
16.7%	16.7% #DFDAD6	RGB 223 218 214	#DFDAD6
33.3%	33.3% #E5DFD9	RGB 229 223 217	#E5DFD9
50.0%	50.0% #ECE5DC	RGB 236 229 220	#ECE5DC
66.7%	66.7% #F2EADF	RGB 242 234 223	#F2EADF
83.3%	83.3% #F8EFE2	RGB 248 239 226	#F8EFE2
100.0%	100.0% #FFF5E6	RGB 255 245 230	#FFF5E6

#D9D5D3 #DFDAD6 #E5DFD9 #ECE5DC #F2EADF #F8EFE2 #FFF5E6

#D9D5D3 - #FFF5E6

Miscela HSV

#D9D5D3 - #FFF5E6 | 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 #D9D5D3 come 0% e #FFF5E6 come 100%.

0.0%	0.0% #D9D5D3	RGB 217 213 211	#D9D5D3
16.7%	16.7% #DFD9D6	RGB 223 217 214	#DFD9D6
33.3%	33.3% #E5DED9	RGB 229 222 217	#E5DED9
50.0%	50.0% #ECE4DD	RGB 236 228 221	#ECE4DD
66.7%	66.7% #F2E9E0	RGB 242 233 224	#F2E9E0
83.3%	83.3% #F8EFE3	RGB 248 239 227	#F8EFE3
100.0%	100.0% #FFF5E6	RGB 255 245 230	#FFF5E6

#D9D5D3 #DFD9D6 #E5DED9 #ECE4DD #F2E9E0 #F8EFE3 #FFF5E6

#D9D5D3 - #ECE4DD - #FFF5E6

Codici CSS

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

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