#D9DCD2 - #E7FFF0 | 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 #D9DCD2 a #E7FFF0

#D9DCD2 #E7FFF0

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

#D9DCD2 - #E7FFF0 | 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 #D9DCD2 come 0% e #E7FFF0 come 100%.

0.0%	0.0% #D9DCD2	RGB 217 220 210	#D9DCD2
16.7%	16.7% #DBE1D7	RGB 219 225 215	#DBE1D7
33.3%	33.3% #DDE7DC	RGB 221 231 220	#DDE7DC
50.0%	50.0% #E0EDE1	RGB 224 237 225	#E0EDE1
66.7%	66.7% #E2F3E6	RGB 226 243 230	#E2F3E6
83.3%	83.3% #E4F9EB	RGB 228 249 235	#E4F9EB
100.0%	100.0% #E7FFF0	RGB 231 255 240	#E7FFF0

#D9DCD2 #DBE1D7 #DDE7DC #E0EDE1 #E2F3E6 #E4F9EB #E7FFF0

#D9DCD2 - #E7FFF0

Miscela HSV

#D9DCD2 - #E7FFF0 | 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 #D9DCD2 come 0% e #E7FFF0 come 100%.

0.0%	0.0% #D9DCD2	RGB 217 220 210	#D9DCD2
16.7%	16.7% #DCE1D5	RGB 220 225 213	#DCE1D5
33.3%	33.3% #DEE7D9	RGB 222 231 217	#DEE7D9
50.0%	50.0% #DFEDDC	RGB 223 237 220	#DFEDDC
66.7%	66.7% #E0F3E0	RGB 224 243 224	#E0F3E0
83.3%	83.3% #E3F9E7	RGB 227 249 231	#E3F9E7
100.0%	100.0% #E7FFF0	RGB 231 255 240	#E7FFF0

#D9DCD2 #DCE1D5 #DEE7D9 #DFEDDC #E0F3E0 #E3F9E7 #E7FFF0

#D9DCD2 - #DFEDDC - #E7FFF0

Codici CSS

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

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