#FFECE6 - #FAFFFF | 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 #FFECE6 a #FAFFFF

#FFECE6 #FAFFFF

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

#FFECE6 - #FAFFFF | 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 #FFECE6 come 0% e #FAFFFF come 100%.

0.0%	0.0% #FFECE6	RGB 255 236 230	#FFECE6
16.7%	16.7% #FEEFEA	RGB 254 239 234	#FEEFEA
33.3%	33.3% #FDF2EE	RGB 253 242 238	#FDF2EE
50.0%	50.0% #FCF5F2	RGB 252 245 242	#FCF5F2
66.7%	66.7% #FBF8F6	RGB 251 248 246	#FBF8F6
83.3%	83.3% #FAFBFA	RGB 250 251 250	#FAFBFA
100.0%	100.0% #FAFFFF	RGB 250 255 255	#FAFFFF

#FFECE6 #FEEFEA #FDF2EE #FCF5F2 #FBF8F6 #FAFBFA #FAFFFF

#FFECE6 - #FAFFFF

Miscela HSV

#FFECE6 - #FAFFFF | 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 #FFECE6 come 0% e #FAFFFF come 100%.

0.0%	0.0% #FFECE6	RGB 255 236 230	#FFECE6
16.7%	16.7% #FFF8E9	RGB 255 248 233	#FFF8E9
33.3%	33.3% #FCFFEC	RGB 252 255 236	#FCFFEC
50.0%	50.0% #F5FFF0	RGB 245 255 240	#F5FFF0
66.7%	66.7% #F3FFF4	RGB 243 255 244	#F3FFF4
83.3%	83.3% #F6FFFB	RGB 246 255 251	#F6FFFB
100.0%	100.0% #FAFFFF	RGB 250 255 255	#FAFFFF

#FFECE6 #FFF8E9 #FCFFEC #F5FFF0 #F3FFF4 #F6FFFB #FAFFFF

#FFECE6 - #F5FFF0 - #FAFFFF

Codici CSS

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

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