#5E4647 - #331A10 | 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 #5E4647 a #331A10

#5E4647 #331A10

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

#5E4647 - #331A10 | 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 #5E4647 come 0% e #331A10 come 100%.

0.0%	0.0% #5E4647	RGB 94 70 71	#5E4647
16.7%	16.7% #563E3D	RGB 86 62 61	#563E3D
33.3%	33.3% #4F3734	RGB 79 55 52	#4F3734
50.0%	50.0% #48302B	RGB 72 48 43	#48302B
66.7%	66.7% #412822	RGB 65 40 34	#412822
83.3%	83.3% #3A2119	RGB 58 33 25	#3A2119
100.0%	100.0% #331A10	RGB 51 26 16	#331A10

#5E4647 #563E3D #4F3734 #48302B #412822 #3A2119 #331A10

#5E4647 - #331A10

Miscela HSV

#5E4647 - #331A10 | 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 #5E4647 come 0% e #331A10 come 100%.

0.0%	0.0% #5E4647	RGB 94 70 71	#5E4647
16.7%	16.7% #563A3A	RGB 86 58 58	#563A3A
33.3%	33.3% #4F322F	RGB 79 50 47	#4F322F
50.0%	50.0% #482A26	RGB 72 42 38	#482A26
66.7%	66.7% #41241D	RGB 65 36 29	#41241D
83.3%	83.3% #3A1E16	RGB 58 30 22	#3A1E16
100.0%	100.0% #331A10	RGB 51 26 16	#331A10

#5E4647 #563A3A #4F322F #482A26 #41241D #3A1E16 #331A10

#5E4647 - #482A26 - #331A10

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4647 0%, #482A26 50%, #331A10 100%);
    background: -webkit-linear-gradient(top, #5E4647 0%, #482A26 50%, #331A10 100%);
    background: linear-gradient(to bottom, #5E4647 0%, #482A26 50%, #331A10 100%);
}
</style>