#5E6E45 - #CFB76B | 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 #5E6E45 a #CFB76B

#5E6E45 #CFB76B

Calcola il colore tra due colori, #5E6E45 e #CFB76B. 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)

#5E6E45 - #CFB76B | 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 #5E6E45 come 0% e #CFB76B come 100%.

0.0%	0.0% #5E6E45	RGB 94 110 69	#5E6E45
16.7%	16.7% #707A4B	RGB 112 122 75	#707A4B
33.3%	33.3% #838651	RGB 131 134 81	#838651
50.0%	50.0% #969258	RGB 150 146 88	#969258
66.7%	66.7% #A99E5E	RGB 169 158 94	#A99E5E
83.3%	83.3% #BCAA64	RGB 188 170 100	#BCAA64
100.0%	100.0% #CFB76B	RGB 207 183 107	#CFB76B

#5E6E45 #707A4B #838651 #969258 #A99E5E #BCAA64 #CFB76B

#5E6E45 - #CFB76B

Miscela HSV

#5E6E45 - #CFB76B | 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 #5E6E45 come 0% e #CFB76B come 100%.

0.0%	0.0% #5E6E45	RGB 94 110 69	#5E6E45
16.7%	16.7% #707E4C	RGB 112 126 76	#707E4C
33.3%	33.3% #838E54	RGB 131 142 84	#838E54
50.0%	50.0% #999E5A	RGB 153 158 90	#999E5A
66.7%	66.7% #AEAC60	RGB 174 172 96	#AEAC60
83.3%	83.3% #BEB266	RGB 190 178 102	#BEB266
100.0%	100.0% #CFB76B	RGB 207 183 107	#CFB76B

#5E6E45 #707E4C #838E54 #999E5A #AEAC60 #BEB266 #CFB76B

#5E6E45 - #999E5A - #CFB76B

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6E45 0%, #999E5A 50%, #CFB76B 100%);
    background: -webkit-linear-gradient(top, #5E6E45 0%, #999E5A 50%, #CFB76B 100%);
    background: linear-gradient(to bottom, #5E6E45 0%, #999E5A 50%, #CFB76B 100%);
}
</style>