#A8B05C - #30321A | 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 #A8B05C a #30321A

#A8B05C #30321A

Calcola il colore tra due colori, #A8B05C e #30321A. 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)

#A8B05C - #30321A | 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 #A8B05C come 0% e #30321A come 100%.

0.0%	0.0% #A8B05C	RGB 168 176 92	#A8B05C
16.7%	16.7% #949B51	RGB 148 155 81	#949B51
33.3%	33.3% #808646	RGB 128 134 70	#808646
50.0%	50.0% #6C713B	RGB 108 113 59	#6C713B
66.7%	66.7% #585C30	RGB 88 92 48	#585C30
83.3%	83.3% #444725	RGB 68 71 37	#444725
100.0%	100.0% #30321A	RGB 48 50 26	#30321A

#A8B05C #949B51 #808646 #6C713B #585C30 #444725 #30321A

#A8B05C - #30321A

Miscela HSV

#A8B05C - #30321A | 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 #A8B05C come 0% e #30321A come 100%.

0.0%	0.0% #A8B05C	RGB 168 176 92	#A8B05C
16.7%	16.7% #949B50	RGB 148 155 80	#949B50
33.3%	33.3% #808645	RGB 128 134 69	#808645
50.0%	50.0% #6C713A	RGB 108 113 58	#6C713A
66.7%	66.7% #585C2F	RGB 88 92 47	#585C2F
83.3%	83.3% #444724	RGB 68 71 36	#444724
100.0%	100.0% #30321A	RGB 48 50 26	#30321A

#A8B05C #949B50 #808645 #6C713A #585C2F #444724 #30321A

#A8B05C - #6C713A - #30321A

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8B05C 0%, #6C713A 50%, #30321A 100%);
    background: -webkit-linear-gradient(top, #A8B05C 0%, #6C713A 50%, #30321A 100%);
    background: linear-gradient(to bottom, #A8B05C 0%, #6C713A 50%, #30321A 100%);
}
</style>