#AFB5A1 - #EEE5B8 | 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 #AFB5A1 a #EEE5B8

#AFB5A1 #EEE5B8

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

#AFB5A1 - #EEE5B8 | 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 #AFB5A1 come 0% e #EEE5B8 come 100%.

0.0%	0.0% #AFB5A1	RGB 175 181 161	#AFB5A1
16.7%	16.7% #B9BDA4	RGB 185 189 164	#B9BDA4
33.3%	33.3% #C4C5A8	RGB 196 197 168	#C4C5A8
50.0%	50.0% #CECDAC	RGB 206 205 172	#CECDAC
66.7%	66.7% #D9D5B0	RGB 217 213 176	#D9D5B0
83.3%	83.3% #E3DDB4	RGB 227 221 180	#E3DDB4
100.0%	100.0% #EEE5B8	RGB 238 229 184	#EEE5B8

#AFB5A1 #B9BDA4 #C4C5A8 #CECDAC #D9D5B0 #E3DDB4 #EEE5B8

#AFB5A1 - #EEE5B8

Miscela HSV

#AFB5A1 - #EEE5B8 | 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 #AFB5A1 come 0% e #EEE5B8 come 100%.

0.0%	0.0% #AFB5A1	RGB 175 181 161	#AFB5A1
16.7%	16.7% #B9BEA5	RGB 185 190 165	#B9BEA5
33.3%	33.3% #C3C8AA	RGB 195 200 170	#C3C8AA
50.0%	50.0% #CFD1AE	RGB 207 209 174	#CFD1AE
66.7%	66.7% #DBDAB1	RGB 219 218 177	#DBDAB1
83.3%	83.3% #E4E0B5	RGB 228 224 181	#E4E0B5
100.0%	100.0% #EEE5B8	RGB 238 229 184	#EEE5B8

#AFB5A1 #B9BEA5 #C3C8AA #CFD1AE #DBDAB1 #E4E0B5 #EEE5B8

#AFB5A1 - #CFD1AE - #EEE5B8

Codici CSS

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

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