#E3C7E9 - #926CAC | 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 #E3C7E9 a #926CAC

#E3C7E9 #926CAC

Calcola il colore tra due colori, #E3C7E9 e #926CAC. 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)

#E3C7E9 - #926CAC | 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 #E3C7E9 come 0% e #926CAC come 100%.

0.0%	0.0% #E3C7E9	RGB 227 199 233	#E3C7E9
16.7%	16.7% #D5B7DE	RGB 213 183 222	#D5B7DE
33.3%	33.3% #C8A8D4	RGB 200 168 212	#C8A8D4
50.0%	50.0% #BA99CA	RGB 186 153 202	#BA99CA
66.7%	66.7% #AD8AC0	RGB 173 138 192	#AD8AC0
83.3%	83.3% #9F7BB6	RGB 159 123 182	#9F7BB6
100.0%	100.0% #926CAC	RGB 146 108 172	#926CAC

#E3C7E9 #D5B7DE #C8A8D4 #BA99CA #AD8AC0 #9F7BB6 #926CAC

#E3C7E9 - #926CAC

Miscela HSV

#E3C7E9 - #926CAC | 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 #E3C7E9 come 0% e #926CAC come 100%.

0.0%	0.0% #E3C7E9	RGB 227 199 233	#E3C7E9
16.7%	16.7% #D6B5DE	RGB 214 181 222	#D6B5DE
33.3%	33.3% #C8A5D4	RGB 200 165 212	#C8A5D4
50.0%	50.0% #BB96CA	RGB 187 150 202	#BB96CA
66.7%	66.7% #AD87C0	RGB 173 135 192	#AD87C0
83.3%	83.3% #9F79B6	RGB 159 121 182	#9F79B6
100.0%	100.0% #926CAC	RGB 146 108 172	#926CAC

#E3C7E9 #D6B5DE #C8A5D4 #BB96CA #AD87C0 #9F79B6 #926CAC

#E3C7E9 - #BB96CA - #926CAC

Codici CSS

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

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