#F2F0FF - #FFFBF7 | 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 #F2F0FF a #FFFBF7

#F2F0FF #FFFBF7

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

#F2F0FF - #FFFBF7 | 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 #F2F0FF come 0% e #FFFBF7 come 100%.

0.0%	0.0% #F2F0FF	RGB 242 240 255	#F2F0FF
16.7%	16.7% #F4F1FD	RGB 244 241 253	#F4F1FD
33.3%	33.3% #F6F3FC	RGB 246 243 252	#F6F3FC
50.0%	50.0% #F8F5FB	RGB 248 245 251	#F8F5FB
66.7%	66.7% #FAF7F9	RGB 250 247 249	#FAF7F9
83.3%	83.3% #FCF9F8	RGB 252 249 248	#FCF9F8
100.0%	100.0% #FFFBF7	RGB 255 251 247	#FFFBF7

#F2F0FF #F4F1FD #F6F3FC #F8F5FB #FAF7F9 #FCF9F8 #FFFBF7

#F2F0FF - #FFFBF7

Miscela HSV

#F2F0FF - #FFFBF7 | 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 #F2F0FF come 0% e #FFFBF7 come 100%.

0.0%	0.0% #F2F0FF	RGB 242 240 255	#F2F0FF
16.7%	16.7% #F8F1FF	RGB 248 241 255	#F8F1FF
33.3%	33.3% #FEF2FF	RGB 254 242 255	#FEF2FF
50.0%	50.0% #FFF3FB	RGB 255 243 251	#FFF3FB
66.7%	66.7% #FFF4F7	RGB 255 244 247	#FFF4F7
83.3%	83.3% #FFF6F5	RGB 255 246 245	#FFF6F5
100.0%	100.0% #FFFBF7	RGB 255 251 247	#FFFBF7

#F2F0FF #F8F1FF #FEF2FF #FFF3FB #FFF4F7 #FFF6F5 #FFFBF7

#F2F0FF - #FFF3FB - #FFFBF7

Codici CSS

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

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