#5E2B23 - #411304 | 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 #5E2B23 a #411304

#5E2B23 #411304

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

#5E2B23 - #411304 | 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 #5E2B23 come 0% e #411304 come 100%.

0.0%	0.0% #5E2B23	RGB 94 43 35	#5E2B23
16.7%	16.7% #59271D	RGB 89 39 29	#59271D
33.3%	33.3% #542318	RGB 84 35 24	#542318
50.0%	50.0% #4F1F13	RGB 79 31 19	#4F1F13
66.7%	66.7% #4A1B0E	RGB 74 27 14	#4A1B0E
83.3%	83.3% #451709	RGB 69 23 9	#451709
100.0%	100.0% #411304	RGB 65 19 4	#411304

#5E2B23 #59271D #542318 #4F1F13 #4A1B0E #451709 #411304

#5E2B23 - #411304

Miscela HSV

#5E2B23 - #411304 | 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 #5E2B23 come 0% e #411304 come 100%.

0.0%	0.0% #5E2B23	RGB 94 43 35	#5E2B23
16.7%	16.7% #59251C	RGB 89 37 28	#59251C
33.3%	33.3% #542116	RGB 84 33 22	#542116
50.0%	50.0% #4F1D11	RGB 79 29 17	#4F1D11
66.7%	66.7% #4A190C	RGB 74 25 12	#4A190C
83.3%	83.3% #451607	RGB 69 22 7	#451607
100.0%	100.0% #411304	RGB 65 19 4	#411304

#5E2B23 #59251C #542116 #4F1D11 #4A190C #451607 #411304

#5E2B23 - #4F1D11 - #411304

Codici CSS

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

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