#271D11 - #5E4A3C | 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 #271D11 a #5E4A3C

#271D11 #5E4A3C

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

#271D11 - #5E4A3C | 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 #271D11 come 0% e #5E4A3C come 100%.

0.0%	0.0% #271D11	RGB 39 29 17	#271D11
16.7%	16.7% #302418	RGB 48 36 24	#302418
33.3%	33.3% #392C1F	RGB 57 44 31	#392C1F
50.0%	50.0% #423326	RGB 66 51 38	#423326
66.7%	66.7% #4B3B2D	RGB 75 59 45	#4B3B2D
83.3%	83.3% #544234	RGB 84 66 52	#544234
100.0%	100.0% #5E4A3C	RGB 94 74 60	#5E4A3C

#271D11 #302418 #392C1F #423326 #4B3B2D #544234 #5E4A3C

#271D11 - #5E4A3C

Miscela HSV

#271D11 - #5E4A3C | 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 #271D11 come 0% e #5E4A3C come 100%.

0.0%	0.0% #271D11	RGB 39 29 17	#271D11
16.7%	16.7% #302316	RGB 48 35 22	#302316
33.3%	33.3% #392B1C	RGB 57 43 28	#392B1C
50.0%	50.0% #423223	RGB 66 50 35	#423223
66.7%	66.7% #4B3A2B	RGB 75 58 43	#4B3A2B
83.3%	83.3% #544133	RGB 84 65 51	#544133
100.0%	100.0% #5E4A3C	RGB 94 74 60	#5E4A3C

#271D11 #302316 #392B1C #423223 #4B3A2B #544133 #5E4A3C

#271D11 - #423223 - #5E4A3C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #271D11 0%, #423223 50%, #5E4A3C 100%);
    background: -webkit-linear-gradient(top, #271D11 0%, #423223 50%, #5E4A3C 100%);
    background: linear-gradient(to bottom, #271D11 0%, #423223 50%, #5E4A3C 100%);
}
</style>