#EDC0FF - #C555CF | 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 #EDC0FF a #C555CF

#EDC0FF #C555CF

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

#EDC0FF - #C555CF | 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 #EDC0FF come 0% e #C555CF come 100%.

0.0%	0.0% #EDC0FF	RGB 237 192 255	#EDC0FF
16.7%	16.7% #E6AEF7	RGB 230 174 247	#E6AEF7
33.3%	33.3% #DF9CEF	RGB 223 156 239	#DF9CEF
50.0%	50.0% #D98AE7	RGB 217 138 231	#D98AE7
66.7%	66.7% #D278DF	RGB 210 120 223	#D278DF
83.3%	83.3% #CB66D7	RGB 203 102 215	#CB66D7
100.0%	100.0% #C555CF	RGB 197 85 207	#C555CF

#EDC0FF #E6AEF7 #DF9CEF #D98AE7 #D278DF #CB66D7 #C555CF

#EDC0FF - #C555CF

Miscela HSV

#EDC0FF - #C555CF | 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 #EDC0FF come 0% e #C555CF come 100%.

0.0%	0.0% #EDC0FF	RGB 237 192 255	#EDC0FF
16.7%	16.7% #E4ABF7	RGB 228 171 247	#E4ABF7
33.3%	33.3% #DC98EF	RGB 220 152 239	#DC98EF
50.0%	50.0% #D586E7	RGB 213 134 231	#D586E7
66.7%	66.7% #CF75DF	RGB 207 117 223	#CF75DF
83.3%	83.3% #C964D7	RGB 201 100 215	#C964D7
100.0%	100.0% #C555CF	RGB 197 85 207	#C555CF

#EDC0FF #E4ABF7 #DC98EF #D586E7 #CF75DF #C964D7 #C555CF

#EDC0FF - #D586E7 - #C555CF

Codici CSS

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

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