#FF80B0 - #ECF0FF | 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 #FF80B0 a #ECF0FF

#FF80B0 #ECF0FF

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

#FF80B0 - #ECF0FF | 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 #FF80B0 come 0% e #ECF0FF come 100%.

0.0%	0.0% #FF80B0	RGB 255 128 176	#FF80B0
16.7%	16.7% #FB92BD	RGB 251 146 189	#FB92BD
33.3%	33.3% #F8A5CA	RGB 248 165 202	#F8A5CA
50.0%	50.0% #F5B8D7	RGB 245 184 215	#F5B8D7
66.7%	66.7% #F2CAE4	RGB 242 202 228	#F2CAE4
83.3%	83.3% #EFDDF1	RGB 239 221 241	#EFDDF1
100.0%	100.0% #ECF0FF	RGB 236 240 255	#ECF0FF

#FF80B0 #FB92BD #F8A5CA #F5B8D7 #F2CAE4 #EFDDF1 #ECF0FF

#FF80B0 - #ECF0FF

Miscela HSV

#FF80B0 - #ECF0FF | 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 #FF80B0 come 0% e #ECF0FF come 100%.

0.0%	0.0% #FF80B0	RGB 255 128 176	#FF80B0
16.7%	16.7% #FF92DC	RGB 255 146 220	#FF92DC
33.3%	33.3% #FFA4FD	RGB 255 164 253	#FFA4FD
50.0%	50.0% #E9B6FF	RGB 233 182 255	#E9B6FF
66.7%	66.7% #DEC8FF	RGB 222 200 255	#DEC8FF
83.3%	83.3% #DDDAFF	RGB 221 218 255	#DDDAFF
100.0%	100.0% #ECF0FF	RGB 236 240 255	#ECF0FF

#FF80B0 #FF92DC #FFA4FD #E9B6FF #DEC8FF #DDDAFF #ECF0FF

#FF80B0 - #E9B6FF - #ECF0FF

Codici CSS

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

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