#E6E5E4 - #ECC3CD | 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 #E6E5E4 a #ECC3CD

#E6E5E4 #ECC3CD

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

#E6E5E4 - #ECC3CD | 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 #E6E5E4 come 0% e #ECC3CD come 100%.

0.0%	0.0% #E6E5E4	RGB 230 229 228	#E6E5E4
16.7%	16.7% #E7DFE0	RGB 231 223 224	#E7DFE0
33.3%	33.3% #E8D9DC	RGB 232 217 220	#E8D9DC
50.0%	50.0% #E9D4D8	RGB 233 212 216	#E9D4D8
66.7%	66.7% #EACED4	RGB 234 206 212	#EACED4
83.3%	83.3% #EBC8D0	RGB 235 200 208	#EBC8D0
100.0%	100.0% #ECC3CD	RGB 236 195 205	#ECC3CD

#E6E5E4 #E7DFE0 #E8D9DC #E9D4D8 #EACED4 #EBC8D0 #ECC3CD

#E6E5E4 - #ECC3CD

Miscela HSV

#E6E5E4 - #ECC3CD | 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 #E6E5E4 come 0% e #ECC3CD come 100%.

0.0%	0.0% #E6E5E4	RGB 230 229 228	#E6E5E4
16.7%	16.7% #E7E1DE	RGB 231 225 222	#E7E1DE
33.3%	33.3% #E8DCD9	RGB 232 220 217	#E8DCD9
50.0%	50.0% #E9D6D3	RGB 233 214 211	#E9D6D3
66.7%	66.7% #EACECE	RGB 234 206 206	#EACECE
83.3%	83.3% #EBC8CC	RGB 235 200 204	#EBC8CC
100.0%	100.0% #ECC3CD	RGB 236 195 205	#ECC3CD

#E6E5E4 #E7E1DE #E8DCD9 #E9D6D3 #EACECE #EBC8CC #ECC3CD

#E6E5E4 - #E9D6D3 - #ECC3CD

Codici CSS

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

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