#FFE3E5 - #FCFEF6 | 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 #FFE3E5 a #FCFEF6

#FFE3E5 #FCFEF6

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

#FFE3E5 - #FCFEF6 | 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 #FFE3E5 come 0% e #FCFEF6 come 100%.

0.0%	0.0% #FFE3E5	RGB 255 227 229	#FFE3E5
16.7%	16.7% #FEE7E7	RGB 254 231 231	#FEE7E7
33.3%	33.3% #FEECEA	RGB 254 236 234	#FEECEA
50.0%	50.0% #FDF0ED	RGB 253 240 237	#FDF0ED
66.7%	66.7% #FDF5F0	RGB 253 245 240	#FDF5F0
83.3%	83.3% #FCF9F3	RGB 252 249 243	#FCF9F3
100.0%	100.0% #FCFEF6	RGB 252 254 246	#FCFEF6

#FFE3E5 #FEE7E7 #FEECEA #FDF0ED #FDF5F0 #FCF9F3 #FCFEF6

#FFE3E5 - #FCFEF6

Miscela HSV

#FFE3E5 - #FCFEF6 | 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 #FFE3E5 come 0% e #FCFEF6 come 100%.

0.0%	0.0% #FFE3E5	RGB 255 227 229	#FFE3E5
16.7%	16.7% #FEE9E6	RGB 254 233 230	#FEE9E6
33.3%	33.3% #FEF1E9	RGB 254 241 233	#FEF1E9
50.0%	50.0% #FEF7EC	RGB 254 247 236	#FEF7EC
66.7%	66.7% #FEFBEF	RGB 254 251 239	#FEFBEF
83.3%	83.3% #FDFEF2	RGB 253 254 242	#FDFEF2
100.0%	100.0% #FCFEF6	RGB 252 254 246	#FCFEF6

#FFE3E5 #FEE9E6 #FEF1E9 #FEF7EC #FEFBEF #FDFEF2 #FCFEF6

#FFE3E5 - #FEF7EC - #FCFEF6

Codici CSS

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

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