#E4D4D3 - #D9FFDA | 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 #E4D4D3 a #D9FFDA

#E4D4D3 #D9FFDA

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

#E4D4D3 - #D9FFDA | 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 #E4D4D3 come 0% e #D9FFDA come 100%.

0.0%	0.0% #E4D4D3	RGB 228 212 211	#E4D4D3
16.7%	16.7% #E2DBD4	RGB 226 219 212	#E2DBD4
33.3%	33.3% #E0E2D5	RGB 224 226 213	#E0E2D5
50.0%	50.0% #DEE9D6	RGB 222 233 214	#DEE9D6
66.7%	66.7% #DCF0D7	RGB 220 240 215	#DCF0D7
83.3%	83.3% #DAF7D8	RGB 218 247 216	#DAF7D8
100.0%	100.0% #D9FFDA	RGB 217 255 218	#D9FFDA

#E4D4D3 #E2DBD4 #E0E2D5 #DEE9D6 #DCF0D7 #DAF7D8 #D9FFDA

#E4D4D3 - #D9FFDA

Miscela HSV

#E4D4D3 - #D9FFDA | 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 #E4D4D3 come 0% e #D9FFDA come 100%.

0.0%	0.0% #E4D4D3	RGB 228 212 211	#E4D4D3
16.7%	16.7% #E8DCD4	RGB 232 220 212	#E8DCD4
33.3%	33.3% #EDE6D5	RGB 237 230 213	#EDE6D5
50.0%	50.0% #F0F1D6	RGB 240 241 214	#F0F1D6
66.7%	66.7% #EAF6D7	RGB 234 246 215	#EAF6D7
83.3%	83.3% #E2FAD8	RGB 226 250 216	#E2FAD8
100.0%	100.0% #D9FFDA	RGB 217 255 218	#D9FFDA

#E4D4D3 #E8DCD4 #EDE6D5 #F0F1D6 #EAF6D7 #E2FAD8 #D9FFDA

#E4D4D3 - #F0F1D6 - #D9FFDA

Codici CSS

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

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