#F5EEF8 - #AEA8C0 | 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 #F5EEF8 a #AEA8C0

#F5EEF8 #AEA8C0

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

#F5EEF8 - #AEA8C0 | 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 #F5EEF8 come 0% e #AEA8C0 come 100%.

0.0%	0.0% #F5EEF8	RGB 245 238 248	#F5EEF8
16.7%	16.7% #E9E2EE	RGB 233 226 238	#E9E2EE
33.3%	33.3% #DDD6E5	RGB 221 214 229	#DDD6E5
50.0%	50.0% #D1CBDC	RGB 209 203 220	#D1CBDC
66.7%	66.7% #C5BFD2	RGB 197 191 210	#C5BFD2
83.3%	83.3% #B9B3C9	RGB 185 179 201	#B9B3C9
100.0%	100.0% #AEA8C0	RGB 174 168 192	#AEA8C0

#F5EEF8 #E9E2EE #DDD6E5 #D1CBDC #C5BFD2 #B9B3C9 #AEA8C0

#F5EEF8 - #AEA8C0

Miscela HSV

#F5EEF8 - #AEA8C0 | 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 #F5EEF8 come 0% e #AEA8C0 come 100%.

0.0%	0.0% #F5EEF8	RGB 245 238 248	#F5EEF8
16.7%	16.7% #E9E1EE	RGB 233 225 238	#E9E1EE
33.3%	33.3% #DED5E5	RGB 222 213 229	#DED5E5
50.0%	50.0% #D2C9DC	RGB 210 201 220	#D2C9DC
66.7%	66.7% #C6BED2	RGB 198 190 210	#C6BED2
83.3%	83.3% #BAB3C9	RGB 186 179 201	#BAB3C9
100.0%	100.0% #AEA8C0	RGB 174 168 192	#AEA8C0

#F5EEF8 #E9E1EE #DED5E5 #D2C9DC #C6BED2 #BAB3C9 #AEA8C0

#F5EEF8 - #D2C9DC - #AEA8C0

Codici CSS

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

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