#504010 - #331F06 | 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 #504010 a #331F06

#504010 #331F06

Calcola il colore tra due colori, #504010 e #331F06. 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)

#504010 - #331F06 | 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 #504010 come 0% e #331F06 come 100%.

0.0%	0.0% #504010	RGB 80 64 16	#504010
16.7%	16.7% #4B3A0E	RGB 75 58 14	#4B3A0E
33.3%	33.3% #46350C	RGB 70 53 12	#46350C
50.0%	50.0% #412F0B	RGB 65 47 11	#412F0B
66.7%	66.7% #3C2A09	RGB 60 42 9	#3C2A09
83.3%	83.3% #372407	RGB 55 36 7	#372407
100.0%	100.0% #331F06	RGB 51 31 6	#331F06

#504010 #4B3A0E #46350C #412F0B #3C2A09 #372407 #331F06

#504010 - #331F06

Miscela HSV

#504010 - #331F06 | 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 #504010 come 0% e #331F06 come 100%.

0.0%	0.0% #50400F	RGB 80 64 15	#50400F
16.7%	16.7% #4B390E	RGB 75 57 14	#4B390E
33.3%	33.3% #46340C	RGB 70 52 12	#46340C
50.0%	50.0% #412E0A	RGB 65 46 10	#412E0A
66.7%	66.7% #3C2808	RGB 60 40 8	#3C2808
83.3%	83.3% #372307	RGB 55 35 7	#372307
100.0%	100.0% #331F06	RGB 51 31 6	#331F06

#50400F #4B390E #46340C #412E0A #3C2808 #372307 #331F06

#504010 - #412E0A - #331F06

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #50400F 0%, #412E0A 50%, #331F06 100%);
    background: -webkit-linear-gradient(top, #50400F 0%, #412E0A 50%, #331F06 100%);
    background: linear-gradient(to bottom, #50400F 0%, #412E0A 50%, #331F06 100%);
}
</style>