#84807C - #5E3526 | 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 #84807C a #5E3526

#84807C #5E3526

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

#84807C - #5E3526 | 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 #84807C come 0% e #5E3526 come 100%.

0.0%	0.0% #84807C	RGB 132 128 124	#84807C
16.7%	16.7% #7D736D	RGB 125 115 109	#7D736D
33.3%	33.3% #77675F	RGB 119 103 95	#77675F
50.0%	50.0% #715A51	RGB 113 90 81	#715A51
66.7%	66.7% #6A4E42	RGB 106 78 66	#6A4E42
83.3%	83.3% #644134	RGB 100 65 52	#644134
100.0%	100.0% #5E3526	RGB 94 53 38	#5E3526

#84807C #7D736D #77675F #715A51 #6A4E42 #644134 #5E3526

#84807C - #5E3526

Miscela HSV

#84807C - #5E3526 | 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 #84807C come 0% e #5E3526 come 100%.

0.0%	0.0% #84807C	RGB 132 128 124	#84807C
16.7%	16.7% #7D736A	RGB 125 115 106	#7D736A
33.3%	33.3% #77665A	RGB 119 102 90	#77665A
50.0%	50.0% #715A4B	RGB 113 90 75	#715A4B
66.7%	66.7% #6A4D3E	RGB 106 77 62	#6A4D3E
83.3%	83.3% #644131	RGB 100 65 49	#644131
100.0%	100.0% #5E3526	RGB 94 53 38	#5E3526

#84807C #7D736A #77665A #715A4B #6A4D3E #644131 #5E3526

#84807C - #715A4B - #5E3526

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #84807C 0%, #715A4B 50%, #5E3526 100%);
    background: -webkit-linear-gradient(top, #84807C 0%, #715A4B 50%, #5E3526 100%);
    background: linear-gradient(to bottom, #84807C 0%, #715A4B 50%, #5E3526 100%);
}
</style>