#FFFCFC - #FFDFED | 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 #FFFCFC a #FFDFED

#FFFCFC #FFDFED

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

#FFFCFC - #FFDFED | 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 #FFFCFC come 0% e #FFDFED come 100%.

0.0%	0.0% #FFFCFC	RGB 255 252 252	#FFFCFC
16.7%	16.7% #FFF7F9	RGB 255 247 249	#FFF7F9
33.3%	33.3% #FFF2F7	RGB 255 242 247	#FFF2F7
50.0%	50.0% #FFEDF4	RGB 255 237 244	#FFEDF4
66.7%	66.7% #FFE8F2	RGB 255 232 242	#FFE8F2
83.3%	83.3% #FFE3EF	RGB 255 227 239	#FFE3EF
100.0%	100.0% #FFDFED	RGB 255 223 237	#FFDFED

#FFFCFC #FFF7F9 #FFF2F7 #FFEDF4 #FFE8F2 #FFE3EF #FFDFED

#FFFCFC - #FFDFED

Miscela HSV

#FFFCFC - #FFDFED | 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 #FFFCFC come 0% e #FFDFED come 100%.

0.0%	0.0% #FFFCFC	RGB 255 252 252	#FFFCFC
16.7%	16.7% #FFF7F7	RGB 255 247 247	#FFF7F7
33.3%	33.3% #FFF2F4	RGB 255 242 244	#FFF2F4
50.0%	50.0% #FFEDF1	RGB 255 237 241	#FFEDF1
66.7%	66.7% #FFE8EF	RGB 255 232 239	#FFE8EF
83.3%	83.3% #FFE3ED	RGB 255 227 237	#FFE3ED
100.0%	100.0% #FFDFED	RGB 255 223 237	#FFDFED

#FFFCFC #FFF7F7 #FFF2F4 #FFEDF1 #FFE8EF #FFE3ED #FFDFED

#FFFCFC - #FFEDF1 - #FFDFED

Codici CSS

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

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