#FDFCFD - #FEE3DF | 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 #FDFCFD a #FEE3DF

#FDFCFD #FEE3DF

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

#FDFCFD - #FEE3DF | 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 #FDFCFD come 0% e #FEE3DF come 100%.

0.0%	0.0% #FDFCFD	RGB 253 252 253	#FDFCFD
16.7%	16.7% #FDF7F8	RGB 253 247 248	#FDF7F8
33.3%	33.3% #FDF3F3	RGB 253 243 243	#FDF3F3
50.0%	50.0% #FDEFEE	RGB 253 239 238	#FDEFEE
66.7%	66.7% #FDEBE9	RGB 253 235 233	#FDEBE9
83.3%	83.3% #FDE7E4	RGB 253 231 228	#FDE7E4
100.0%	100.0% #FEE3DF	RGB 254 227 223	#FEE3DF

#FDFCFD #FDF7F8 #FDF3F3 #FDEFEE #FDEBE9 #FDE7E4 #FEE3DF

#FDFCFD - #FEE3DF

Miscela HSV

#FDFCFD - #FEE3DF | 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 #FDFCFD come 0% e #FEE3DF come 100%.

0.0%	0.0% #FDFCFD	RGB 253 252 253	#FDFCFD
16.7%	16.7% #FDF7FC	RGB 253 247 252	#FDF7FC
33.3%	33.3% #FDF2F9	RGB 253 242 249	#FDF2F9
50.0%	50.0% #FDEDF4	RGB 253 237 244	#FDEDF4
66.7%	66.7% #FDE8ED	RGB 253 232 237	#FDE8ED
83.3%	83.3% #FDE3E5	RGB 253 227 229	#FDE3E5
100.0%	100.0% #FEE3DF	RGB 254 227 223	#FEE3DF

#FDFCFD #FDF7FC #FDF2F9 #FDEDF4 #FDE8ED #FDE3E5 #FEE3DF

#FDFCFD - #FDEDF4 - #FEE3DF

Codici CSS

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

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