#858F4D - #5E5D07 | 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 #858F4D a #5E5D07

#858F4D #5E5D07

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

#858F4D - #5E5D07 | 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 #858F4D come 0% e #5E5D07 come 100%.

0.0%	0.0% #858F4D	RGB 133 143 77	#858F4D
16.7%	16.7% #7E8641	RGB 126 134 65	#7E8641
33.3%	33.3% #787E35	RGB 120 126 53	#787E35
50.0%	50.0% #71762A	RGB 113 118 42	#71762A
66.7%	66.7% #6B6D1E	RGB 107 109 30	#6B6D1E
83.3%	83.3% #646512	RGB 100 101 18	#646512
100.0%	100.0% #5E5D07	RGB 94 93 7	#5E5D07

#858F4D #7E8641 #787E35 #71762A #6B6D1E #646512 #5E5D07

#858F4D - #5E5D07

Miscela HSV

#858F4D - #5E5D07 | 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 #858F4D come 0% e #5E5D07 come 100%.

0.0%	0.0% #858F4D	RGB 133 143 77	#858F4D
16.7%	16.7% #7D863E	RGB 125 134 62	#7D863E
33.3%	33.3% #777E30	RGB 119 126 48	#777E30
50.0%	50.0% #707624	RGB 112 118 36	#707624
66.7%	66.7% #6A6E19	RGB 106 110 25	#6A6E19
83.3%	83.3% #64660F	RGB 100 102 15	#64660F
100.0%	100.0% #5E5D07	RGB 94 93 7	#5E5D07

#858F4D #7D863E #777E30 #707624 #6A6E19 #64660F #5E5D07

#858F4D - #707624 - #5E5D07

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #858F4D 0%, #707624 50%, #5E5D07 100%);
    background: -webkit-linear-gradient(top, #858F4D 0%, #707624 50%, #5E5D07 100%);
    background: linear-gradient(to bottom, #858F4D 0%, #707624 50%, #5E5D07 100%);
}
</style>