#EEE7E5 - #DFB79B | 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 #EEE7E5 a #DFB79B

#EEE7E5 #DFB79B

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

#EEE7E5 - #DFB79B | 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 #EEE7E5 come 0% e #DFB79B come 100%.

0.0%	0.0% #EEE7E5	RGB 238 231 229	#EEE7E5
16.7%	16.7% #EBDFD8	RGB 235 223 216	#EBDFD8
33.3%	33.3% #E9D7CC	RGB 233 215 204	#E9D7CC
50.0%	50.0% #E6CFC0	RGB 230 207 192	#E6CFC0
66.7%	66.7% #E4C7B3	RGB 228 199 179	#E4C7B3
83.3%	83.3% #E1BFA7	RGB 225 191 167	#E1BFA7
100.0%	100.0% #DFB79B	RGB 223 183 155	#DFB79B

#EEE7E5 #EBDFD8 #E9D7CC #E6CFC0 #E4C7B3 #E1BFA7 #DFB79B

#EEE7E5 - #DFB79B

Miscela HSV

#EEE7E5 - #DFB79B | 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 #EEE7E5 come 0% e #DFB79B come 100%.

0.0%	0.0% #EEE7E5	RGB 238 231 229	#EEE7E5
16.7%	16.7% #EBDDD8	RGB 235 221 216	#EBDDD8
33.3%	33.3% #E9D3CB	RGB 233 211 203	#E9D3CB
50.0%	50.0% #E6CBBE	RGB 230 203 190	#E6CBBE
66.7%	66.7% #E4C3B2	RGB 228 195 178	#E4C3B2
83.3%	83.3% #E1BDA6	RGB 225 189 166	#E1BDA6
100.0%	100.0% #DFB79B	RGB 223 183 155	#DFB79B

#EEE7E5 #EBDDD8 #E9D3CB #E6CBBE #E4C3B2 #E1BDA6 #DFB79B

#EEE7E5 - #E6CBBE - #DFB79B

Codici CSS

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

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