#EDE5E2 - #D8A897 | 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 #EDE5E2 a #D8A897

#EDE5E2 #D8A897

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

#EDE5E2 - #D8A897 | 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 #EDE5E2 come 0% e #D8A897 come 100%.

0.0%	0.0% #EDE5E2	RGB 237 229 226	#EDE5E2
16.7%	16.7% #E9DAD5	RGB 233 218 213	#E9DAD5
33.3%	33.3% #E6D0C9	RGB 230 208 201	#E6D0C9
50.0%	50.0% #E2C6BC	RGB 226 198 188	#E2C6BC
66.7%	66.7% #DFBCB0	RGB 223 188 176	#DFBCB0
83.3%	83.3% #DBB2A3	RGB 219 178 163	#DBB2A3
100.0%	100.0% #D8A897	RGB 216 168 151	#D8A897

#EDE5E2 #E9DAD5 #E6D0C9 #E2C6BC #DFBCB0 #DBB2A3 #D8A897

#EDE5E2 - #D8A897

Miscela HSV

#EDE5E2 - #D8A897 | 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 #EDE5E2 come 0% e #D8A897 come 100%.

0.0%	0.0% #EDE5E2	RGB 237 229 226	#EDE5E2
16.7%	16.7% #E9DAD4	RGB 233 218 212	#E9DAD4
33.3%	33.3% #E6CFC7	RGB 230 207 199	#E6CFC7
50.0%	50.0% #E2C5BB	RGB 226 197 187	#E2C5BB
66.7%	66.7% #DFBBAE	RGB 223 187 174	#DFBBAE
83.3%	83.3% #DBB1A2	RGB 219 177 162	#DBB1A2
100.0%	100.0% #D8A897	RGB 216 168 151	#D8A897

#EDE5E2 #E9DAD4 #E6CFC7 #E2C5BB #DFBBAE #DBB1A2 #D8A897

#EDE5E2 - #E2C5BB - #D8A897

Codici CSS

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

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