#6F5E3C - #E4A45B | 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 #6F5E3C a #E4A45B

#6F5E3C #E4A45B

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

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

0.0%	0.0% #6F5E3C	RGB 111 94 60	#6F5E3C
16.7%	16.7% #826941	RGB 130 105 65	#826941
33.3%	33.3% #967546	RGB 150 117 70	#967546
50.0%	50.0% #A9814B	RGB 169 129 75	#A9814B
66.7%	66.7% #BD8C50	RGB 189 140 80	#BD8C50
83.3%	83.3% #D09855	RGB 208 152 85	#D09855
100.0%	100.0% #E4A45B	RGB 228 164 91	#E4A45B

#6F5E3C #826941 #967546 #A9814B #BD8C50 #D09855 #E4A45B

#6F5E3C - #E4A45B

Miscela HSV

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

0.0%	0.0% #6F5E3C	RGB 111 94 60	#6F5E3C
16.7%	16.7% #826C43	RGB 130 108 67	#826C43
33.3%	33.3% #96794A	RGB 150 121 74	#96794A
50.0%	50.0% #A9854F	RGB 169 133 79	#A9854F
66.7%	66.7% #BD9054	RGB 189 144 84	#BD9054
83.3%	83.3% #D09A58	RGB 208 154 88	#D09A58
100.0%	100.0% #E4A45B	RGB 228 164 91	#E4A45B

#6F5E3C #826C43 #96794A #A9854F #BD9054 #D09A58 #E4A45B

#6F5E3C - #A9854F - #E4A45B

Codici CSS

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

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