#504D24 - #372A04 | 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 #504D24 a #372A04

#504D24 #372A04

Calcola il colore tra due colori, #504D24 e #372A04. 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)

#504D24 - #372A04 | 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 #504D24 come 0% e #372A04 come 100%.

0.0%	0.0% #504D24	RGB 80 77 36	#504D24
16.7%	16.7% #4B471E	RGB 75 71 30	#4B471E
33.3%	33.3% #474119	RGB 71 65 25	#474119
50.0%	50.0% #433B14	RGB 67 59 20	#433B14
66.7%	66.7% #3F350E	RGB 63 53 14	#3F350E
83.3%	83.3% #3B2F09	RGB 59 47 9	#3B2F09
100.0%	100.0% #372A04	RGB 55 42 4	#372A04

#504D24 #4B471E #474119 #433B14 #3F350E #3B2F09 #372A04

#504D24 - #372A04

Miscela HSV

#504D24 - #372A04 | 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 #504D24 come 0% e #372A04 come 100%.

0.0%	0.0% #504D24	RGB 80 77 36	#504D24
16.7%	16.7% #4B471D	RGB 75 71 29	#4B471D
33.3%	33.3% #474117	RGB 71 65 23	#474117
50.0%	50.0% #433B11	RGB 67 59 17	#433B11
66.7%	66.7% #3F350C	RGB 63 53 12	#3F350C
83.3%	83.3% #3B2F08	RGB 59 47 8	#3B2F08
100.0%	100.0% #372A04	RGB 55 42 4	#372A04

#504D24 #4B471D #474117 #433B11 #3F350C #3B2F08 #372A04

#504D24 - #433B11 - #372A04

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #504D24 0%, #433B11 50%, #372A04 100%);
    background: -webkit-linear-gradient(top, #504D24 0%, #433B11 50%, #372A04 100%);
    background: linear-gradient(to bottom, #504D24 0%, #433B11 50%, #372A04 100%);
}
</style>