#FCECE6 - #FBFFFF | 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 #FCECE6 a #FBFFFF

#FCECE6 #FBFFFF

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

#FCECE6 - #FBFFFF | 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 #FCECE6 come 0% e #FBFFFF come 100%.

0.0%	0.0% #FCECE6	RGB 252 236 230	#FCECE6
16.7%	16.7% #FBEFEA	RGB 251 239 234	#FBEFEA
33.3%	33.3% #FBF2EE	RGB 251 242 238	#FBF2EE
50.0%	50.0% #FBF5F2	RGB 251 245 242	#FBF5F2
66.7%	66.7% #FBF8F6	RGB 251 248 246	#FBF8F6
83.3%	83.3% #FBFBFA	RGB 251 251 250	#FBFBFA
100.0%	100.0% #FBFFFF	RGB 251 255 255	#FBFFFF

#FCECE6 #FBEFEA #FBF2EE #FBF5F2 #FBF8F6 #FBFBFA #FBFFFF

#FCECE6 - #FBFFFF

Miscela HSV

#FCECE6 - #FBFFFF | 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 #FCECE6 come 0% e #FBFFFF come 100%.

0.0%	0.0% #FCECE6	RGB 252 236 230	#FCECE6
16.7%	16.7% #FCF7E9	RGB 252 247 233	#FCF7E9
33.3%	33.3% #FAFDEC	RGB 250 253 236	#FAFDEC
50.0%	50.0% #F5FDF0	RGB 245 253 240	#F5FDF0
66.7%	66.7% #F3FEF4	RGB 243 254 244	#F3FEF4
83.3%	83.3% #F7FEFB	RGB 247 254 251	#F7FEFB
100.0%	100.0% #FBFFFF	RGB 251 255 255	#FBFFFF

#FCECE6 #FCF7E9 #FAFDEC #F5FDF0 #F3FEF4 #F7FEFB #FBFFFF

#FCECE6 - #F5FDF0 - #FBFFFF

Codici CSS

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

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