#EDC0FF - #FAEDFF | 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 #FAEDFF

#EDC0FF #FAEDFF

Calcola il colore tra due colori, #EDC0FF e #FAEDFF. 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 - #FAEDFF | 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 #FAEDFF come 100%.

0.0%	0.0% #EDC0FF	RGB 237 192 255	#EDC0FF
16.7%	16.7% #EFC7FF	RGB 239 199 255	#EFC7FF
33.3%	33.3% #F1CFFF	RGB 241 207 255	#F1CFFF
50.0%	50.0% #F3D6FF	RGB 243 214 255	#F3D6FF
66.7%	66.7% #F5DEFF	RGB 245 222 255	#F5DEFF
83.3%	83.3% #F7E5FF	RGB 247 229 255	#F7E5FF
100.0%	100.0% #FAEDFF	RGB 250 237 255	#FAEDFF

#EDC0FF #EFC7FF #F1CFFF #F3D6FF #F5DEFF #F7E5FF #FAEDFF

#EDC0FF - #FAEDFF

Miscela HSV

#EDC0FF - #FAEDFF | 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 #FAEDFF come 100%.

0.0%	0.0% #EDC0FF	RGB 237 192 255	#EDC0FF
16.7%	16.7% #EFC7FF	RGB 239 199 255	#EFC7FF
33.3%	33.3% #F1CFFF	RGB 241 207 255	#F1CFFF
50.0%	50.0% #F3D6FF	RGB 243 214 255	#F3D6FF
66.7%	66.7% #F5DEFF	RGB 245 222 255	#F5DEFF
83.3%	83.3% #F7E5FF	RGB 247 229 255	#F7E5FF
100.0%	100.0% #FAEDFF	RGB 250 237 255	#FAEDFF

#EDC0FF #EFC7FF #F1CFFF #F3D6FF #F5DEFF #F7E5FF #FAEDFF

#EDC0FF - #F3D6FF - #FAEDFF

Codici CSS

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

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