#F9FFFF - #B5EAEF | 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 #F9FFFF a #B5EAEF

#F9FFFF #B5EAEF

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

#F9FFFF - #B5EAEF | 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 #F9FFFF come 0% e #B5EAEF come 100%.

0.0%	0.0% #F9FFFF	RGB 249 255 255	#F9FFFF
16.7%	16.7% #EDFBFC	RGB 237 251 252	#EDFBFC
33.3%	33.3% #E2F8F9	RGB 226 248 249	#E2F8F9
50.0%	50.0% #D7F4F7	RGB 215 244 247	#D7F4F7
66.7%	66.7% #CBF1F4	RGB 203 241 244	#CBF1F4
83.3%	83.3% #C0EDF1	RGB 192 237 241	#C0EDF1
100.0%	100.0% #B5EAEF	RGB 181 234 239	#B5EAEF

#F9FFFF #EDFBFC #E2F8F9 #D7F4F7 #CBF1F4 #C0EDF1 #B5EAEF

#F9FFFF - #B5EAEF

Miscela HSV

#F9FFFF - #B5EAEF | 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 #F9FFFF come 0% e #B5EAEF come 100%.

0.0%	0.0% #F9FFFF	RGB 249 255 255	#F9FFFF
16.7%	16.7% #EDFCFC	RGB 237 252 252	#EDFCFC
33.3%	33.3% #E1F8F9	RGB 225 248 249	#E1F8F9
50.0%	50.0% #D6F5F7	RGB 214 245 247	#D6F5F7
66.7%	66.7% #CAF1F4	RGB 202 241 244	#CAF1F4
83.3%	83.3% #BFEEF1	RGB 191 238 241	#BFEEF1
100.0%	100.0% #B5EAEF	RGB 181 234 239	#B5EAEF

#F9FFFF #EDFCFC #E1F8F9 #D6F5F7 #CAF1F4 #BFEEF1 #B5EAEF

#F9FFFF - #D6F5F7 - #B5EAEF

Codici CSS

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

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