#E3EBA5 - #DAFADE | 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 #E3EBA5 a #DAFADE

#E3EBA5 #DAFADE

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

#E3EBA5 - #DAFADE | 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 #E3EBA5 come 0% e #DAFADE come 100%.

0.0%	0.0% #E3EBA5	RGB 227 235 165	#E3EBA5
16.7%	16.7% #E1EDAE	RGB 225 237 174	#E1EDAE
33.3%	33.3% #E0F0B8	RGB 224 240 184	#E0F0B8
50.0%	50.0% #DEF2C1	RGB 222 242 193	#DEF2C1
66.7%	66.7% #DDF5CB	RGB 221 245 203	#DDF5CB
83.3%	83.3% #DBF7D4	RGB 219 247 212	#DBF7D4
100.0%	100.0% #DAFADE	RGB 218 250 222	#DAFADE

#E3EBA5 #E1EDAE #E0F0B8 #DEF2C1 #DDF5CB #DBF7D4 #DAFADE

#E3EBA5 - #DAFADE

Miscela HSV

#E3EBA5 - #DAFADE | 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 #E3EBA5 come 0% e #DAFADE come 100%.

0.0%	0.0% #E3EBA5	RGB 227 235 165	#E3EBA5
16.7%	16.7% #DBEDAD	RGB 219 237 173	#DBEDAD
33.3%	33.3% #D5F0B6	RGB 213 240 182	#D5F0B6
50.0%	50.0% #D2F2BE	RGB 210 242 190	#D2F2BE
66.7%	66.7% #D1F5C7	RGB 209 245 199	#D1F5C7
83.3%	83.3% #D2F7D0	RGB 210 247 208	#D2F7D0
100.0%	100.0% #DAFADE	RGB 218 250 222	#DAFADE

#E3EBA5 #DBEDAD #D5F0B6 #D2F2BE #D1F5C7 #D2F7D0 #DAFADE

#E3EBA5 - #D2F2BE - #DAFADE

Codici CSS

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

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