#ECC8C8 - #FBFAE9 | 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 #ECC8C8 a #FBFAE9

#ECC8C8 #FBFAE9

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

#ECC8C8 - #FBFAE9 | 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 #ECC8C8 come 0% e #FBFAE9 come 100%.

0.0%	0.0% #ECC8C8	RGB 236 200 200	#ECC8C8
16.7%	16.7% #EED0CD	RGB 238 208 205	#EED0CD
33.3%	33.3% #F1D8D3	RGB 241 216 211	#F1D8D3
50.0%	50.0% #F3E1D8	RGB 243 225 216	#F3E1D8
66.7%	66.7% #F6E9DE	RGB 246 233 222	#F6E9DE
83.3%	83.3% #F8F1E3	RGB 248 241 227	#F8F1E3
100.0%	100.0% #FBFAE9	RGB 251 250 233	#FBFAE9

#ECC8C8 #EED0CD #F1D8D3 #F3E1D8 #F6E9DE #F8F1E3 #FBFAE9

#ECC8C8 - #FBFAE9

Miscela HSV

#ECC8C8 - #FBFAE9 | 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 #ECC8C8 come 0% e #FBFAE9 come 100%.

0.0%	0.0% #ECC8C8	RGB 236 200 200	#ECC8C8
16.7%	16.7% #EED2CD	RGB 238 210 205	#EED2CD
33.3%	33.3% #F1DCD2	RGB 241 220 210	#F1DCD2
50.0%	50.0% #F3E5D8	RGB 243 229 216	#F3E5D8
66.7%	66.7% #F6EDDD	RGB 246 237 221	#F6EDDD
83.3%	83.3% #F8F3E3	RGB 248 243 227	#F8F3E3
100.0%	100.0% #FBFAE9	RGB 251 250 233	#FBFAE9

#ECC8C8 #EED2CD #F1DCD2 #F3E5D8 #F6EDDD #F8F3E3 #FBFAE9

#ECC8C8 - #F3E5D8 - #FBFAE9

Codici CSS

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

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