#E5E4E2 - #AC9A8E | 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 #E5E4E2 a #AC9A8E

#E5E4E2 #AC9A8E

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

#E5E4E2 - #AC9A8E | 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 #E5E4E2 come 0% e #AC9A8E come 100%.

0.0%	0.0% #E5E4E2	RGB 229 228 226	#E5E4E2
16.7%	16.7% #DBD7D4	RGB 219 215 212	#DBD7D4
33.3%	33.3% #D2CBC6	RGB 210 203 198	#D2CBC6
50.0%	50.0% #C8BFB8	RGB 200 191 184	#C8BFB8
66.7%	66.7% #BFB2AA	RGB 191 178 170	#BFB2AA
83.3%	83.3% #B5A69C	RGB 181 166 156	#B5A69C
100.0%	100.0% #AC9A8E	RGB 172 154 142	#AC9A8E

#E5E4E2 #DBD7D4 #D2CBC6 #C8BFB8 #BFB2AA #B5A69C #AC9A8E

#E5E4E2 - #AC9A8E

Miscela HSV

#E5E4E2 - #AC9A8E | 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 #E5E4E2 come 0% e #AC9A8E come 100%.

0.0%	0.0% #E5E4E2	RGB 229 228 226	#E5E4E2
16.7%	16.7% #DBD8D2	RGB 219 216 210	#DBD8D2
33.3%	33.3% #D2CCC3	RGB 210 204 195	#D2CCC3
50.0%	50.0% #C8BFB5	RGB 200 191 181	#C8BFB5
66.7%	66.7% #BFB3A7	RGB 191 179 167	#BFB3A7
83.3%	83.3% #B5A69A	RGB 181 166 154	#B5A69A
100.0%	100.0% #AC9A8E	RGB 172 154 142	#AC9A8E

#E5E4E2 #DBD8D2 #D2CCC3 #C8BFB5 #BFB3A7 #B5A69A #AC9A8E

#E5E4E2 - #C8BFB5 - #AC9A8E

Codici CSS

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

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