#767367 - #ECBA84 | 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 #767367 a #ECBA84

#767367 #ECBA84

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

#767367 - #ECBA84 | 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 #767367 come 0% e #ECBA84 come 100%.

0.0%	0.0% #767367	RGB 118 115 103	#767367
16.7%	16.7% #897E6B	RGB 137 126 107	#897E6B
33.3%	33.3% #9D8A70	RGB 157 138 112	#9D8A70
50.0%	50.0% #B19675	RGB 177 150 117	#B19675
66.7%	66.7% #C4A27A	RGB 196 162 122	#C4A27A
83.3%	83.3% #D8AE7F	RGB 216 174 127	#D8AE7F
100.0%	100.0% #ECBA84	RGB 236 186 132	#ECBA84

#767367 #897E6B #9D8A70 #B19675 #C4A27A #D8AE7F #ECBA84

#767367 - #ECBA84

Miscela HSV

#767367 - #ECBA84 | 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 #767367 come 0% e #ECBA84 come 100%.

0.0%	0.0% #767367	RGB 118 115 103	#767367
16.7%	16.7% #898370	RGB 137 131 112	#898370
33.3%	33.3% #9D9278	RGB 157 146 120	#9D9278
50.0%	50.0% #B19F7E	RGB 177 159 126	#B19F7E
66.7%	66.7% #C4AB82	RGB 196 171 130	#C4AB82
83.3%	83.3% #D8B384	RGB 216 179 132	#D8B384
100.0%	100.0% #ECBA84	RGB 236 186 132	#ECBA84

#767367 #898370 #9D9278 #B19F7E #C4AB82 #D8B384 #ECBA84

#767367 - #B19F7E - #ECBA84

Codici CSS

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

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