#5E533B - #4D4406 | 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 #5E533B a #4D4406

#5E533B #4D4406

Calcola il colore tra due colori, #5E533B e #4D4406. 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)

#5E533B - #4D4406 | 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 #5E533B come 0% e #4D4406 come 100%.

0.0%	0.0% #5E533B	RGB 94 83 59	#5E533B
16.7%	16.7% #5B5032	RGB 91 80 50	#5B5032
33.3%	33.3% #584E29	RGB 88 78 41	#584E29
50.0%	50.0% #554B20	RGB 85 75 32	#554B20
66.7%	66.7% #524917	RGB 82 73 23	#524917
83.3%	83.3% #4F460E	RGB 79 70 14	#4F460E
100.0%	100.0% #4D4406	RGB 77 68 6	#4D4406

#5E533B #5B5032 #584E29 #554B20 #524917 #4F460E #4D4406

#5E533B - #4D4406

Miscela HSV

#5E533B - #4D4406 | 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 #5E533B come 0% e #4D4406 come 100%.

0.0%	0.0% #5E533B	RGB 94 83 59	#5E533B
16.7%	16.7% #5B4F30	RGB 91 79 48	#5B4F30
33.3%	33.3% #584B27	RGB 88 75 39	#584B27
50.0%	50.0% #55491E	RGB 85 73 30	#55491E
66.7%	66.7% #524715	RGB 82 71 21	#524715
83.3%	83.3% #4F450D	RGB 79 69 13	#4F450D
100.0%	100.0% #4D4406	RGB 77 68 6	#4D4406

#5E533B #5B4F30 #584B27 #55491E #524715 #4F450D #4D4406

#5E533B - #55491E - #4D4406

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E533B 0%, #55491E 50%, #4D4406 100%);
    background: -webkit-linear-gradient(top, #5E533B 0%, #55491E 50%, #4D4406 100%);
    background: linear-gradient(to bottom, #5E533B 0%, #55491E 50%, #4D4406 100%);
}
</style>