#E5E2E4 - #A98EAC | 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 #E5E2E4 a #A98EAC

#E5E2E4 #A98EAC

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

#E5E2E4 - #A98EAC | 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 #E5E2E4 come 0% e #A98EAC come 100%.

0.0%	0.0% #E5E2E4	RGB 229 226 228	#E5E2E4
16.7%	16.7% #DBD4DA	RGB 219 212 218	#DBD4DA
33.3%	33.3% #D1C6D1	RGB 209 198 209	#D1C6D1
50.0%	50.0% #C7B8C8	RGB 199 184 200	#C7B8C8
66.7%	66.7% #BDAABE	RGB 189 170 190	#BDAABE
83.3%	83.3% #B39CB5	RGB 179 156 181	#B39CB5
100.0%	100.0% #A98EAC	RGB 169 142 172	#A98EAC

#E5E2E4 #DBD4DA #D1C6D1 #C7B8C8 #BDAABE #B39CB5 #A98EAC

#E5E2E4 - #A98EAC

Miscela HSV

#E5E2E4 - #A98EAC | 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 #E5E2E4 come 0% e #A98EAC come 100%.

0.0%	0.0% #E5E2E4	RGB 229 226 228	#E5E2E4
16.7%	16.7% #DBD2D9	RGB 219 210 217	#DBD2D9
33.3%	33.3% #D2C3CF	RGB 210 195 207	#D2C3CF
50.0%	50.0% #C8B5C6	RGB 200 181 198	#C8B5C6
66.7%	66.7% #BFA7BD	RGB 191 167 189	#BFA7BD
83.3%	83.3% #B49AB5	RGB 180 154 181	#B49AB5
100.0%	100.0% #A98EAC	RGB 169 142 172	#A98EAC

#E5E2E4 #DBD2D9 #D2C3CF #C8B5C6 #BFA7BD #B49AB5 #A98EAC

#E5E2E4 - #C8B5C6 - #A98EAC

Codici CSS

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

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