#75C0FF - #A8FEFF | 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 #75C0FF a #A8FEFF

#75C0FF #A8FEFF

Calcola il colore tra due colori, #75C0FF e #A8FEFF. 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)

#75C0FF - #A8FEFF | 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 #75C0FF come 0% e #A8FEFF come 100%.

0.0%	0.0% #75C0FF	RGB 117 192 255	#75C0FF
16.7%	16.7% #7DCAFF	RGB 125 202 255	#7DCAFF
33.3%	33.3% #86D4FF	RGB 134 212 255	#86D4FF
50.0%	50.0% #8EDFFF	RGB 142 223 255	#8EDFFF
66.7%	66.7% #97E9FF	RGB 151 233 255	#97E9FF
83.3%	83.3% #9FF3FF	RGB 159 243 255	#9FF3FF
100.0%	100.0% #A8FEFF	RGB 168 254 255	#A8FEFF

#75C0FF #7DCAFF #86D4FF #8EDFFF #97E9FF #9FF3FF #A8FEFF

#75C0FF - #A8FEFF

Miscela HSV

#75C0FF - #A8FEFF | 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 #75C0FF come 0% e #A8FEFF come 100%.

0.0%	0.0% #75C0FF	RGB 117 192 255	#75C0FF
16.7%	16.7% #7DCDFF	RGB 125 205 255	#7DCDFF
33.3%	33.3% #86D9FF	RGB 134 217 255	#86D9FF
50.0%	50.0% #8EE4FF	RGB 142 228 255	#8EE4FF
66.7%	66.7% #97EEFF	RGB 151 238 255	#97EEFF
83.3%	83.3% #9FF6FF	RGB 159 246 255	#9FF6FF
100.0%	100.0% #A8FEFF	RGB 168 254 255	#A8FEFF

#75C0FF #7DCDFF #86D9FF #8EE4FF #97EEFF #9FF6FF #A8FEFF

#75C0FF - #8EE4FF - #A8FEFF

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #75C0FF 0%, #8EE4FF 50%, #A8FEFF 100%);
    background: -webkit-linear-gradient(top, #75C0FF 0%, #8EE4FF 50%, #A8FEFF 100%);
    background: linear-gradient(to bottom, #75C0FF 0%, #8EE4FF 50%, #A8FEFF 100%);
}
</style>