#9B9C7E - #5E642C | 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 #9B9C7E a #5E642C

#9B9C7E #5E642C

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

#9B9C7E - #5E642C | 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 #9B9C7E come 0% e #5E642C come 100%.

0.0%	0.0% #9B9C7E	RGB 155 156 126	#9B9C7E
16.7%	16.7% #909270	RGB 144 146 112	#909270
33.3%	33.3% #868962	RGB 134 137 98	#868962
50.0%	50.0% #7C8055	RGB 124 128 85	#7C8055
66.7%	66.7% #727647	RGB 114 118 71	#727647
83.3%	83.3% #686D39	RGB 104 109 57	#686D39
100.0%	100.0% #5E642C	RGB 94 100 44	#5E642C

#9B9C7E #909270 #868962 #7C8055 #727647 #686D39 #5E642C

#9B9C7E - #5E642C

Miscela HSV

#9B9C7E - #5E642C | 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 #9B9C7E come 0% e #5E642C come 100%.

0.0%	0.0% #9B9C7E	RGB 155 156 126	#9B9C7E
16.7%	16.7% #90926D	RGB 144 146 109	#90926D
33.3%	33.3% #86895E	RGB 134 137 94	#86895E
50.0%	50.0% #7C804F	RGB 124 128 79	#7C804F
66.7%	66.7% #727642	RGB 114 118 66	#727642
83.3%	83.3% #686D36	RGB 104 109 54	#686D36
100.0%	100.0% #5E642C	RGB 94 100 44	#5E642C

#9B9C7E #90926D #86895E #7C804F #727642 #686D36 #5E642C

#9B9C7E - #7C804F - #5E642C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9B9C7E 0%, #7C804F 50%, #5E642C 100%);
    background: -webkit-linear-gradient(top, #9B9C7E 0%, #7C804F 50%, #5E642C 100%);
    background: linear-gradient(to bottom, #9B9C7E 0%, #7C804F 50%, #5E642C 100%);
}
</style>