#FF4AFD - #F5E6FF | 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 #FF4AFD a #F5E6FF

#FF4AFD #F5E6FF

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

#FF4AFD - #F5E6FF | 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 #FF4AFD come 0% e #F5E6FF come 100%.

0.0%	0.0% #FF4AFD	RGB 255 74 253	#FF4AFD
16.7%	16.7% #FD64FD	RGB 253 100 253	#FD64FD
33.3%	33.3% #FB7EFD	RGB 251 126 253	#FB7EFD
50.0%	50.0% #FA98FE	RGB 250 152 254	#FA98FE
66.7%	66.7% #F8B2FE	RGB 248 178 254	#F8B2FE
83.3%	83.3% #F6CCFE	RGB 246 204 254	#F6CCFE
100.0%	100.0% #F5E6FF	RGB 245 230 255	#F5E6FF

#FF4AFD #FD64FD #FB7EFD #FA98FE #F8B2FE #F6CCFE #F5E6FF

#FF4AFD - #F5E6FF

Miscela HSV

#FF4AFD - #F5E6FF | 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 #FF4AFD come 0% e #F5E6FF come 100%.

0.0%	0.0% #FF49FD	RGB 255 73 253	#FF49FD
16.7%	16.7% #F663FF	RGB 246 99 255	#F663FF
33.3%	33.3% #EE7EFF	RGB 238 126 255	#EE7EFF
50.0%	50.0% #EA98FF	RGB 234 152 255	#EA98FF
66.7%	66.7% #EAB2FF	RGB 234 178 255	#EAB2FF
83.3%	83.3% #EECCFF	RGB 238 204 255	#EECCFF
100.0%	100.0% #F5E6FF	RGB 245 230 255	#F5E6FF

#FF49FD #F663FF #EE7EFF #EA98FF #EAB2FF #EECCFF #F5E6FF

#FF4AFD - #EA98FF - #F5E6FF

Codici CSS

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

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