#E3E3EB - #A298DB | 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 #E3E3EB a #A298DB

#E3E3EB #A298DB

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

#E3E3EB - #A298DB | 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 #E3E3EB come 0% e #A298DB come 100%.

0.0%	0.0% #E3E3EB	RGB 227 227 235	#E3E3EB
16.7%	16.7% #D8D6E8	RGB 216 214 232	#D8D6E8
33.3%	33.3% #CDCAE5	RGB 205 202 229	#CDCAE5
50.0%	50.0% #C2BDE3	RGB 194 189 227	#C2BDE3
66.7%	66.7% #B7B1E0	RGB 183 177 224	#B7B1E0
83.3%	83.3% #ACA4DD	RGB 172 164 221	#ACA4DD
100.0%	100.0% #A298DB	RGB 162 152 219	#A298DB

#E3E3EB #D8D6E8 #CDCAE5 #C2BDE3 #B7B1E0 #ACA4DD #A298DB

#E3E3EB - #A298DB

Miscela HSV

#E3E3EB - #A298DB | 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 #E3E3EB come 0% e #A298DB come 100%.

0.0%	0.0% #E3E3EB	RGB 227 227 235	#E3E3EB
16.7%	16.7% #D6D5E8	RGB 214 213 232	#D6D5E8
33.3%	33.3% #CAC9E5	RGB 202 201 229	#CAC9E5
50.0%	50.0% #BFBCE3	RGB 191 188 227	#BFBCE3
66.7%	66.7% #B4B0E0	RGB 180 176 224	#B4B0E0
83.3%	83.3% #ABA3DD	RGB 171 163 221	#ABA3DD
100.0%	100.0% #A298DB	RGB 162 152 219	#A298DB

#E3E3EB #D6D5E8 #CAC9E5 #BFBCE3 #B4B0E0 #ABA3DD #A298DB

#E3E3EB - #BFBCE3 - #A298DB

Codici CSS

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

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