#838F5E - #5E6619 | 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 #838F5E a #5E6619

#838F5E #5E6619

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

#838F5E - #5E6619 | 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 #838F5E come 0% e #5E6619 come 100%.

0.0%	0.0% #838F5E	RGB 131 143 94	#838F5E
16.7%	16.7% #7C8852	RGB 124 136 82	#7C8852
33.3%	33.3% #768147	RGB 118 129 71	#768147
50.0%	50.0% #707A3B	RGB 112 122 59	#707A3B
66.7%	66.7% #6A7330	RGB 106 115 48	#6A7330
83.3%	83.3% #646C24	RGB 100 108 36	#646C24
100.0%	100.0% #5E6619	RGB 94 102 25	#5E6619

#838F5E #7C8852 #768147 #707A3B #6A7330 #646C24 #5E6619

#838F5E - #5E6619

Miscela HSV

#838F5E - #5E6619 | 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 #838F5E come 0% e #5E6619 come 100%.

0.0%	0.0% #838F5E	RGB 131 143 94	#838F5E
16.7%	16.7% #7B8850	RGB 123 136 80	#7B8850
33.3%	33.3% #758143	RGB 117 129 67	#758143
50.0%	50.0% #6E7A37	RGB 110 122 55	#6E7A37
66.7%	66.7% #68732C	RGB 104 115 44	#68732C
83.3%	83.3% #636C22	RGB 99 108 34	#636C22
100.0%	100.0% #5E6619	RGB 94 102 25	#5E6619

#838F5E #7B8850 #758143 #6E7A37 #68732C #636C22 #5E6619

#838F5E - #6E7A37 - #5E6619

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #838F5E 0%, #6E7A37 50%, #5E6619 100%);
    background: -webkit-linear-gradient(top, #838F5E 0%, #6E7A37 50%, #5E6619 100%);
    background: linear-gradient(to bottom, #838F5E 0%, #6E7A37 50%, #5E6619 100%);
}
</style>