#FE96FF - #C92AD1 | 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 #FE96FF a #C92AD1

#FE96FF #C92AD1

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

#FE96FF - #C92AD1 | 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 #FE96FF come 0% e #C92AD1 come 100%.

0.0%	0.0% #FE96FF	RGB 254 150 255	#FE96FF
16.7%	16.7% #F584F7	RGB 245 132 247	#F584F7
33.3%	33.3% #EC72EF	RGB 236 114 239	#EC72EF
50.0%	50.0% #E360E8	RGB 227 96 232	#E360E8
66.7%	66.7% #DA4EE0	RGB 218 78 224	#DA4EE0
83.3%	83.3% #D13CD8	RGB 209 60 216	#D13CD8
100.0%	100.0% #C92AD1	RGB 201 42 209	#C92AD1

#FE96FF #F584F7 #EC72EF #E360E8 #DA4EE0 #D13CD8 #C92AD1

#FE96FF - #C92AD1

Miscela HSV

#FE96FF - #C92AD1 | 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 #FE96FF come 0% e #C92AD1 come 100%.

0.0%	0.0% #FE96FF	RGB 254 150 255	#FE96FF
16.7%	16.7% #F581F7	RGB 245 129 247	#F581F7
33.3%	33.3% #EC6EEF	RGB 236 110 239	#EC6EEF
50.0%	50.0% #E35BE8	RGB 227 91 232	#E35BE8
66.7%	66.7% #DB4AE0	RGB 219 74 224	#DB4AE0
83.3%	83.3% #D239D8	RGB 210 57 216	#D239D8
100.0%	100.0% #C92AD1	RGB 201 42 209	#C92AD1

#FE96FF #F581F7 #EC6EEF #E35BE8 #DB4AE0 #D239D8 #C92AD1

#FE96FF - #E35BE8 - #C92AD1

Codici CSS

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

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