#5E5A00 - #352A0B | 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 #5E5A00 a #352A0B

#5E5A00 #352A0B

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

#5E5A00 - #352A0B | 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 #5E5A00 come 0% e #352A0B come 100%.

0.0%	0.0% #5E5A00	RGB 94 90 0	#5E5A00
16.7%	16.7% #575201	RGB 87 82 1	#575201
33.3%	33.3% #504A03	RGB 80 74 3	#504A03
50.0%	50.0% #494205	RGB 73 66 5	#494205
66.7%	66.7% #423A07	RGB 66 58 7	#423A07
83.3%	83.3% #3B3209	RGB 59 50 9	#3B3209
100.0%	100.0% #352A0B	RGB 53 42 11	#352A0B

#5E5A00 #575201 #504A03 #494205 #423A07 #3B3209 #352A0B

#5E5A00 - #352A0B

Miscela HSV

#5E5A00 - #352A0B | 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 #5E5A00 come 0% e #352A0B come 100%.

0.0%	0.0% #5E5A00	RGB 94 90 0	#5E5A00
16.7%	16.7% #575003	RGB 87 80 3	#575003
33.3%	33.3% #504705	RGB 80 71 5	#504705
50.0%	50.0% #493F07	RGB 73 63 7	#493F07
66.7%	66.7% #423709	RGB 66 55 9	#423709
83.3%	83.3% #3B300A	RGB 59 48 10	#3B300A
100.0%	100.0% #352A0B	RGB 53 42 11	#352A0B

#5E5A00 #575003 #504705 #493F07 #423709 #3B300A #352A0B

#5E5A00 - #493F07 - #352A0B

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5A00 0%, #493F07 50%, #352A0B 100%);
    background: -webkit-linear-gradient(top, #5E5A00 0%, #493F07 50%, #352A0B 100%);
    background: linear-gradient(to bottom, #5E5A00 0%, #493F07 50%, #352A0B 100%);
}
</style>