#6C5E2B - #E4A248 | 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 #6C5E2B a #E4A248

#6C5E2B #E4A248

Calcola il colore tra due colori, #6C5E2B e #E4A248. 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)

#6C5E2B - #E4A248 | 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 #6C5E2B come 0% e #E4A248 come 100%.

0.0%	0.0% #6C5E2B	RGB 108 94 43	#6C5E2B
16.7%	16.7% #80692F	RGB 128 105 47	#80692F
33.3%	33.3% #947434	RGB 148 116 52	#947434
50.0%	50.0% #A88039	RGB 168 128 57	#A88039
66.7%	66.7% #BC8B3E	RGB 188 139 62	#BC8B3E
83.3%	83.3% #D09643	RGB 208 150 67	#D09643
100.0%	100.0% #E4A248	RGB 228 162 72	#E4A248

#6C5E2B #80692F #947434 #A88039 #BC8B3E #D09643 #E4A248

#6C5E2B - #E4A248

Miscela HSV

#6C5E2B - #E4A248 | 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 #6C5E2B come 0% e #E4A248 come 100%.

0.0%	0.0% #6C5E2B	RGB 108 94 43	#6C5E2B
16.7%	16.7% #806C31	RGB 128 108 49	#806C31
33.3%	33.3% #947936	RGB 148 121 54	#947936
50.0%	50.0% #A8853B	RGB 168 133 59	#A8853B
66.7%	66.7% #BC9040	RGB 188 144 64	#BC9040
83.3%	83.3% #D09944	RGB 208 153 68	#D09944
100.0%	100.0% #E4A248	RGB 228 162 72	#E4A248

#6C5E2B #806C31 #947936 #A8853B #BC9040 #D09944 #E4A248

#6C5E2B - #A8853B - #E4A248

Codici CSS

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

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