#E7E7E7 - #D4AE9F | 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 #E7E7E7 a #D4AE9F

#E7E7E7 #D4AE9F

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

#E7E7E7 - #D4AE9F | 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 #E7E7E7 come 0% e #D4AE9F come 100%.

0.0%	0.0% #E7E7E7	RGB 231 231 231	#E7E7E7
16.7%	16.7% #E3DDDB	RGB 227 221 219	#E3DDDB
33.3%	33.3% #E0D4CF	RGB 224 212 207	#E0D4CF
50.0%	50.0% #DDCAC3	RGB 221 202 195	#DDCAC3
66.7%	66.7% #DAC1B7	RGB 218 193 183	#DAC1B7
83.3%	83.3% #D7B7AB	RGB 215 183 171	#D7B7AB
100.0%	100.0% #D4AE9F	RGB 212 174 159	#D4AE9F

#E7E7E7 #E3DDDB #E0D4CF #DDCAC3 #DAC1B7 #D7B7AB #D4AE9F

#E7E7E7 - #D4AE9F

Miscela HSV

#E7E7E7 - #D4AE9F | 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 #E7E7E7 come 0% e #D4AE9F come 100%.

0.0%	0.0% #E7E7E7	RGB 231 231 231	#E7E7E7
16.7%	16.7% #E3DADA	RGB 227 218 218	#E3DADA
33.3%	33.3% #E0CFCD	RGB 224 207 205	#E0CFCD
50.0%	50.0% #DDC5C1	RGB 221 197 193	#DDC5C1
66.7%	66.7% #DABCB5	RGB 218 188 181	#DABCB5
83.3%	83.3% #D7B4AA	RGB 215 180 170	#D7B4AA
100.0%	100.0% #D4AE9F	RGB 212 174 159	#D4AE9F

#E7E7E7 #E3DADA #E0CFCD #DDC5C1 #DABCB5 #D7B4AA #D4AE9F

#E7E7E7 - #DDC5C1 - #D4AE9F

Codici CSS

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

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