#C0AF7E - #EDE8DA | 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 #C0AF7E a #EDE8DA

#C0AF7E #EDE8DA

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

#C0AF7E - #EDE8DA | 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 #C0AF7E come 0% e #EDE8DA come 100%.

0.0%	0.0% #C0AF7E	RGB 192 175 126	#C0AF7E
16.7%	16.7% #C7B88D	RGB 199 184 141	#C7B88D
33.3%	33.3% #CFC29C	RGB 207 194 156	#CFC29C
50.0%	50.0% #D6CBAC	RGB 214 203 172	#D6CBAC
66.7%	66.7% #DED5BB	RGB 222 213 187	#DED5BB
83.3%	83.3% #E5DECA	RGB 229 222 202	#E5DECA
100.0%	100.0% #EDE8DA	RGB 237 232 218	#EDE8DA

#C0AF7E #C7B88D #CFC29C #D6CBAC #DED5BB #E5DECA #EDE8DA

#C0AF7E - #EDE8DA

Miscela HSV

#C0AF7E - #EDE8DA | 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 #C0AF7E come 0% e #EDE8DA come 100%.

0.0%	0.0% #C0AF7E	RGB 192 175 126	#C0AF7E
16.7%	16.7% #C7B88B	RGB 199 184 139	#C7B88B
33.3%	33.3% #CFC19A	RGB 207 193 154	#CFC19A
50.0%	50.0% #D6CAA9	RGB 214 202 169	#D6CAA9
66.7%	66.7% #DED4B8	RGB 222 212 184	#DED4B8
83.3%	83.3% #E5DEC9	RGB 229 222 201	#E5DEC9
100.0%	100.0% #EDE8DA	RGB 237 232 218	#EDE8DA

#C0AF7E #C7B88B #CFC19A #D6CAA9 #DED4B8 #E5DEC9 #EDE8DA

#C0AF7E - #D6CAA9 - #EDE8DA

Codici CSS

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

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