#FFFEB8 - #ECCCE0 | 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 #FFFEB8 a #ECCCE0

#FFFEB8 #ECCCE0

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

#FFFEB8 - #ECCCE0 | 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 #FFFEB8 come 0% e #ECCCE0 come 100%.

0.0%	0.0% #FFFEB8	RGB 255 254 184	#FFFEB8
16.7%	16.7% #FBF5BE	RGB 251 245 190	#FBF5BE
33.3%	33.3% #F8EDC5	RGB 248 237 197	#F8EDC5
50.0%	50.0% #F5E5CC	RGB 245 229 204	#F5E5CC
66.7%	66.7% #F2DCD2	RGB 242 220 210	#F2DCD2
83.3%	83.3% #EFD4D9	RGB 239 212 217	#EFD4D9
100.0%	100.0% #ECCCE0	RGB 236 204 224	#ECCCE0

#FFFEB8 #FBF5BE #F8EDC5 #F5E5CC #F2DCD2 #EFD4D9 #ECCCE0

#FFFEB8 - #ECCCE0

Miscela HSV

#FFFEB8 - #ECCCE0 | 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 #FFFEB8 come 0% e #ECCCE0 come 100%.

0.0%	0.0% #FFFEB8	RGB 255 254 184	#FFFEB8
16.7%	16.7% #FBE9BB	RGB 251 233 187	#FBE9BB
33.3%	33.3% #F8D9BF	RGB 248 217 191	#F8D9BF
50.0%	50.0% #F5CBC2	RGB 245 203 194	#F5CBC2
66.7%	66.7% #F2C5C9	RGB 242 197 201	#F2C5C9
83.3%	83.3% #EFC9D6	RGB 239 201 214	#EFC9D6
100.0%	100.0% #ECCCE0	RGB 236 204 224	#ECCCE0

#FFFEB8 #FBE9BB #F8D9BF #F5CBC2 #F2C5C9 #EFC9D6 #ECCCE0

#FFFEB8 - #F5CBC2 - #ECCCE0

Codici CSS

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

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