#5E3A41 - #32130E | 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 #5E3A41 a #32130E

#5E3A41 #32130E

Calcola il colore tra due colori, #5E3A41 e #32130E. 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)

#5E3A41 - #32130E | 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 #5E3A41 come 0% e #32130E come 100%.

0.0%	0.0% #5E3A41	RGB 94 58 65	#5E3A41
16.7%	16.7% #563338	RGB 86 51 56	#563338
33.3%	33.3% #4F2D30	RGB 79 45 48	#4F2D30
50.0%	50.0% #482627	RGB 72 38 39	#482627
66.7%	66.7% #40201F	RGB 64 32 31	#40201F
83.3%	83.3% #391916	RGB 57 25 22	#391916
100.0%	100.0% #32130E	RGB 50 19 14	#32130E

#5E3A41 #563338 #4F2D30 #482627 #40201F #391916 #32130E

#5E3A41 - #32130E

Miscela HSV

#5E3A41 - #32130E | 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 #5E3A41 come 0% e #32130E come 100%.

0.0%	0.0% #5E3A41	RGB 94 58 65	#5E3A41
16.7%	16.7% #563035	RGB 86 48 53	#563035
33.3%	33.3% #4F282B	RGB 79 40 43	#4F282B
50.0%	50.0% #482021	RGB 72 32 33	#482021
66.7%	66.7% #401A19	RGB 64 26 25	#401A19
83.3%	83.3% #391613	RGB 57 22 19	#391613
100.0%	100.0% #32130E	RGB 50 19 14	#32130E

#5E3A41 #563035 #4F282B #482021 #401A19 #391613 #32130E

#5E3A41 - #482021 - #32130E

Codici CSS

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

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