#E5B5E5 - #8F54A6 | 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 #E5B5E5 a #8F54A6

#E5B5E5 #8F54A6

Calcola il colore tra due colori, #E5B5E5 e #8F54A6. 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)

#E5B5E5 - #8F54A6 | 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 #E5B5E5 come 0% e #8F54A6 come 100%.

0.0%	0.0% #E5B5E5	RGB 229 181 229	#E5B5E5
16.7%	16.7% #D6A4DA	RGB 214 164 218	#D6A4DA
33.3%	33.3% #C894D0	RGB 200 148 208	#C894D0
50.0%	50.0% #BA84C5	RGB 186 132 197	#BA84C5
66.7%	66.7% #AB74BB	RGB 171 116 187	#AB74BB
83.3%	83.3% #9D64B0	RGB 157 100 176	#9D64B0
100.0%	100.0% #8F54A6	RGB 143 84 166	#8F54A6

#E5B5E5 #D6A4DA #C894D0 #BA84C5 #AB74BB #9D64B0 #8F54A6

#E5B5E5 - #8F54A6

Miscela HSV

#E5B5E5 - #8F54A6 | 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 #E5B5E5 come 0% e #8F54A6 come 100%.

0.0%	0.0% #E5B5E5	RGB 229 181 229	#E5B5E5
16.7%	16.7% #D7A2DA	RGB 215 162 218	#D7A2DA
33.3%	33.3% #CA90D0	RGB 202 144 208	#CA90D0
50.0%	50.0% #BB80C5	RGB 187 128 197	#BB80C5
66.7%	66.7% #AD70BB	RGB 173 112 187	#AD70BB
83.3%	83.3% #9E61B0	RGB 158 97 176	#9E61B0
100.0%	100.0% #8F54A6	RGB 143 84 166	#8F54A6

#E5B5E5 #D7A2DA #CA90D0 #BB80C5 #AD70BB #9E61B0 #8F54A6

#E5B5E5 - #BB80C5 - #8F54A6

Codici CSS

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

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