#E6E5E8 - #AA95C7 | 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 #E6E5E8 a #AA95C7

#E6E5E8 #AA95C7

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

#E6E5E8 - #AA95C7 | 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 #E6E5E8 come 0% e #AA95C7 come 100%.

0.0%	0.0% #E6E5E8	RGB 230 229 232	#E6E5E8
16.7%	16.7% #DCD7E2	RGB 220 215 226	#DCD7E2
33.3%	33.3% #D2CADD	RGB 210 202 221	#D2CADD
50.0%	50.0% #C8BDD7	RGB 200 189 215	#C8BDD7
66.7%	66.7% #BEAFD2	RGB 190 175 210	#BEAFD2
83.3%	83.3% #B4A2CC	RGB 180 162 204	#B4A2CC
100.0%	100.0% #AA95C7	RGB 170 149 199	#AA95C7

#E6E5E8 #DCD7E2 #D2CADD #C8BDD7 #BEAFD2 #B4A2CC #AA95C7

#E6E5E8 - #AA95C7

Miscela HSV

#E6E5E8 - #AA95C7 | 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 #E6E5E8 come 0% e #AA95C7 come 100%.

0.0%	0.0% #E6E5E8	RGB 230 229 232	#E6E5E8
16.7%	16.7% #DAD6E2	RGB 218 214 226	#DAD6E2
33.3%	33.3% #CFC8DD	RGB 207 200 221	#CFC8DD
50.0%	50.0% #C5BBD7	RGB 197 187 215	#C5BBD7
66.7%	66.7% #BCADD2	RGB 188 173 210	#BCADD2
83.3%	83.3% #B2A1CC	RGB 178 161 204	#B2A1CC
100.0%	100.0% #AA95C7	RGB 170 149 199	#AA95C7

#E6E5E8 #DAD6E2 #CFC8DD #C5BBD7 #BCADD2 #B2A1CC #AA95C7

#E6E5E8 - #C5BBD7 - #AA95C7

Codici CSS

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

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